1.安装node.js
从node.js官网下载并安装node，安装步骤很简单，只要一路next可以了。
安装完成后，打开命令行工具(win+r,然后输入cmd)输入命令node -v，如下图，如果出现对应版本号，就说明安装成功了。
我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm -v就会如下图所示，显示出npm的版本信息。
这里需要说明下，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。
到这里node的环境已经安装完了,npm包管理工具也有了，但是由于npm的有些资源被墙，有时候安装依赖会很慢，为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。
这里需要说明下，不安装不影响项目可跳过后面用到的cnpm换成npm即可
2.安装cnpm
点击进入淘宝的cnpm淘宝镜像网站,里面有详细的配置方法。
或者直接在命令行输入：
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
然后等待，安装完成。输入cnpm -v，可以查看当前cnpm版本，这个和npm的版本还是不一样的。
使用cnpm的方法就是，需要用到npm的地方直接使用cnpm替换就可以了（反之即可）
3. 安装webpack
安装webpack，打开命令行工具输入：
npm install webpack -g
安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。
4. 安装vue-cli脚手架构建工具
打开命令行工具输入：
npm install vue-cli -g
安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。
通过以上四步，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目（如果你是最近安装的vue cli 3那就把下面的
vue init webpack my-project换成vue create my-project即可）
创建一个基于 webpack 模板新项目
要创建项目，首先我们要选定目录，然后在文件夹顶部地址栏输入cmd打开命令行开始初始化一个项目：
vue init webpack my-project
或使用：
vue init webpack-simple my-project
注意：my-project为自定义项目名，项目名不能使用中文，项目名不能大写
说明：也可以在目录下新建一个文件夹在该文件夹下输入命令 vue init webpack 这样可以不使用命令新建项目。二选一
创建项目步骤解析:
vue init webpack my-project----------------------------- 这个是那个安装vue脚手架的命令? Project name <my-project>--------------------------------项目名称（不写为空）
? Project description <A Vue.js project>-------------------项目描述（不写为空）
? Author------------------------------------------------------------项目创建者（不写为空）回车
? Install vue-router? <Y/n>------------------------------------是否安装Vue路由（y代表是/n代表否）自行选择
? Use ESLint to lint your code? <Y/n>---------------------是否启用eslint检测规则，这里个人建议选no
? Set up unit tests <Y/n>--------------------------------------是否设置单元测试，个人建议no
? Setup e2e tests with Nightwatch <Y/n>-----------------是否端到端测试，个人建议no然后一直回车，项目开始拉取创建---项目创建成功
创建完成的my-project目录如下：
下面我简单的说明下各个目录都是干嘛的：
5.启动my-project项目，在项目命令行中输入：
npm run dev
运行成功后会出现：
Your application is running here:http://localhost:8080
注意：后面8080为端口号不固定，当8080端口号被占用时会自动选择其他端口
浏览器输入localhost:8080会默认打开一个“欢迎页面”，如下图：
附：
1. npm 开启了npm run dev以后怎么退出或关闭？
ctrl+c
2. --save-dev
自动把模块和版本号添加到模块配置文件package.json中的依赖里devdependencies部分
3. --save 与 --save-dev的区别
--save :安装包信息将加入到dependencies（生产阶段的依赖）
--save-dev :安装包信息将加入到devDependencies（开发阶段的依赖），所以开发阶段一般使用它