安装Node.js

在Node.js官方下载对应的版本，在本地安装即可，在安装过程中会自动配置到本地的环境变量

设置nodejs prefix（全局）和cache（缓存）路径

在nodejs文件夹中对该文件夹中的node_cache和node_global设置为默认缓存路径和全局路径

设置默认文件缓存
npm config set cache "D:\vueProject\nodejs\node_cache"

设置全局模块存放路径
npm config set prefix "D:\vueProject\nodejs\node_global"

配置使用淘宝的镜像（cnpm）

npm install -g cnpm --registry=https://registry.npm.taobao.org

这样我们就可以使用cnpm命令进行下载安装一些文件了

设置环境变量

将cache设置到path中去
将modules设置到用户变量中，并取名“NODE_PATH”

安装vue

cnpm install vue -g

安装vue脚手架（vue-cli）

cnpm install vue-cli -g

安装webpack

这里的-D指的是当前的工作环境下
npm  install -D webpack

还需要一个webpack-cli
npm install -D webpack-cli

测试

webpack -v
vue -V
cnpm -v

创建Vue项目

打开需要创建Vue项目的文件夹
使用以下命令

vue init webpack 项目名
也可以简单初始化
vue init webpack-simple 项目名
# 这样创建的项目，目录结构会比上一种方法简单的多（其实实现还是一样的，新手建议）

接下来就是我们所说的next-next-next了，但是还是需要了解你都安装了什么

? Project name demo1
# 确认项目名
? Project description A Vue.js project
# 项目描述
? Author ymy
# 作者
? Vue build standalone
# 项目构建，编译+运行还是仅允许
? Install vue-router? Yes
# 是否安装路由
? Use ESLint to lint your code? No
# 时候安装ESLint
? Set up unit tests No
# 是否安装单元测试
? Setup e2e tests with Nightwatch? No
# 是否使用NightWatch e2e测试
? Should we run `npm install` for you after the project has been created? (recommended) no
# 时候现在安装，可以选择等下自己安装，然后安装的时候使用cnpm（记得进入项目再执行安装）

使用webstorm

1. 打开webstorm，使用open，打开这个vue项目
2. 然后配置npm
   1. 点击右上角的"服务器"
   2. 点击"+"，选择npm
   3. 修改Name和Scripts为dev然后就可以apply-ok了
   4. 然后点击右边的运行，打开浏览器，输入对应的localhost:8080（一般会是这个）看到vue的图片。恭喜你，OK了

使用webstorm创建vue的时候可能会遇到这样的问题

如果碰到创建项目时，报错“can not install 'ij-rpc-client'”，可以在cmd目录下下载ij-rpc-client，然后重启就可以了
npm install ij-rpc-client -g
但是如果还是没解决这个问题的话，推荐使用以下方法创建项目
在cmd中进入工作空间，使用vue init webpack 项目名
然后进行一些基本操作，在选择使用什么方式下载的时候，选择最后一个然后按照提示来操作使用cnpm来下载，这样等到下载完毕之后就完事了，可以使用npm run dev来加载到服务器上。然后使用webstorm将这个文件夹打开就完事了

麻烦，操作ok的点个关注，或者赞给个鼓励