Vue安装及其在Idea工具中的环境搭建（详细步骤，跟着来轻松搞定）

1.进入Node.js官网https://nodejs.org/en/，下载Node环境安装包

那俩绿色的大标就是，左边是稳定版，右边是最新发布的，按需选择
2.下载完成后，点击安装包，一直点Next安装直到finish即可

3.安装完成后，打开CMD任务管理器

4.在小黑框（我的是小白框）中先后输入Node -v和npm -v，检验安装结果

5.打开Idea工具，安装vue.js插件
File—>Settings—>Plugins

呐，点塔，install
6.配置vue后缀文件
Settings—>Editor—>File Types—>HTML—>点击右边的“+”号，然后输入.vue即可

7.配置ECMAScript 6

8.创建一个Static Web项目
File—>Project Structure—>Modules—>点+号New Module



注意：在选择项目保存路径时，不要在已有项目的路径文件夹下建立。例如下图中我本已有Algorithm项目，如果不修改，则建立的项目是在Algorithm项目的下面。而删去Algorithm/后建立的项目则是与Algorithm并列的

9. 打开工作台Terminal，在左下角，如果没有展开，就点击那个小方框就可以展开（就跟cmd里的操作是一样的）

10. 进入刚才创建的项目的目录下,使用cd命令，返回上一级是cd…后面俩点时返回

11. 安装npm阿里镜像

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

输入完成enter后稍等一会儿

12. 安装脚手架工具

npm i -g vue-cli

输入完成enter后稍等一会儿

13.检验脚手架安装结果
输入：vue -V（这位爷是大V）

14.安装webpack工具

cnpm install -g webpack

输入完成enter后稍等二会儿


15.以上完成后，创建项目

vue init webpack+ 项目名称

那些问号后面的指令以及选择都按照我那个输入来做，有的直接给出回答的直接回车就好了，回车完了要三会儿

16.去查看项目里的代码里有无这两部分
node_modules文件夹和components

17.Finally，It’s time to run your program.

cnpm run +项目名

18.兄弟们，看到上面那个图片的最后一行了吗，知道要干嘛了吗？知道了还不做？
点塔！点塔！点塔！

诶？他的怎么是中文的？
浏览器干的
搞定，下线