1.安装node.js
直接傻瓜式安装就可以,下一步下一步,然后直接cmd查看node和npm版本
2.注册cnpm来替代npm:
使用命令：npm install cnpm -g --registry=https://registry.npm.taobao.org
如果你发现你安装成功了，使用cnpm却发现找不到命令，那么就是你的环境变量有问题，在环境变量里面的path添加你node的安装路径就行，比如";C:\Program Files\nodejs\node_modules"
npm和cnpm的区别:
- 两者之间只是node中管理器的不同.
- npm是node官方的包管理器,cnpn是个中国版的npm,是淘宝定制的cnpm(gzip压缩支持)命令行工具代替默认的npm
- npm可能在国内由于网络原因无法使用,这时候cnpm就派上用场了,相当于npm的一个国内镜像,npm和cnpm只是下载器的不同,使用的东西是完全一样的
可以通过cpm-v查看cnpm版本以及是否安装成功.
3.全局安装webpack
使用命令工具输入cnpm install webpack -g
如果是4版本以上,要安装 webpack-cli这个依赖,直接用cnmp安装
命令行: cnpm install webpack webpack-cli -g
查看webpack版本:
4.安装vue-cli
命令： cnpm install -g vue-cli -->1,2x版本
cnpm install -g @vue/cli -->3x以上版本
安装成功后可以用 vue -V 查看vue版本,这里的-V大写
5.构建Vue项目
在你想要安装项目的而目录下输入vue init webpack projectname（projectname是你项目的名称），
Project name:——项目名称
Project description:——项目描述
Author:——作者
Vue build:——构建模式，一般默认选择第一种
Install vue-router?:——是否安装引入vue-router，这里选是，vue-router是路由组件,后面构建项目会用到
Use ESLint to lint your code?:——这里强烈建议选no 否则你会非常痛苦，eslint的格式验证非常严格，多一个空格少一个空格都会报错，所以对于新手来说，一般不建议开启，会加大开发难度
Setup unit tests with Karma + Mocha 以及Setup e2e tests with Nightwatch这两个是测试，可以不用安装
如下图
然后输入cd projectname(你项目名称)
package.json为项目依赖资源，如果要运行这个项目需要使用 cnpm install 安装依赖项（直接在项目文件夹路径下执行）
最后
使用命令 cnpm run dev 启动项目，浏览器会打开 http://localhost:8080/#/ 看到以下效果
即为安装并开启vue服务成功