1.安装NODEJS
去nodejs官网下载即可,地址:http://nodejs.cn/中文网
安装,下一步下一步安装,安装结束,键盘:win+r 输入CMD,node -v 查看版本, npm -v 查看版本,显示版本号,则安装成功。
2.安装VUE.JS
安装npm淘宝镜像 cnpm
> npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm 安装webpack
> cnpm install webpack -g
安装vue脚手架
> cnpm install vue-cli -g
3.创建工作文件夹(),命名为 jsroot(随便起)
> d:
> cd jsroot
> vue init webpack (输入项目文字)
下面为安装的配置操作:
?Project name test -----------项目名字叫test
? Project description A Vue.js project -----这是一个vue项目
? Author jh --------------作者叫jh
? Vue build standalone
? Install vue-router? Yes ------------是否安装路由(这里不安装的话也可以进去后手动安装,一般默认安装y)
? Use ESLint to lint your code? No -------是否使用ESLint 模式(这是严格模式会比较麻烦,新手建议不用,毕竟影响不大)
? Set up unit tests Yes -------- 是否设置单元测试,看需求,一般使用
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes ----nightwatch实现vue应用e2e测试
等待一会儿就等下载完之后就好了,如果下载过程中有问题使用 > cnpm install 一下。
之后进去刚刚新建的vue项目的根目录下面,输入 之后就运行了
> npm run dev
或者
> npm run start
直接访问 http://localhost:8080 创建成功。