在web项目中使用Vue技术：web项目所需Vue.js插件的安装以及Vue.js.devtools作为扩展程序安装到chrome中流程

在web项目中使用Vue技术：web项目所需Vue.js插件的安装以及Vue.js.devtools作为扩展程序安装到chrome中流程

0所需插件和工具的百度云链接如下链接：

https://pan.baidu.com/s/15HvqVOC3TyUJmqinr9I1mg 
提取码：3shb

1.Node的安装

1).下载好的链接中，打开Node,执行安装(Node中自带npm)(当然你也可以自己百度下载Node不用我百度云中的)

2).安装完成，选择阿里的镜像，cmd输入npm install -g cnpm --registry=https://registry.npm.taobao.org

4).至此Node安装完毕，需重启计算器！

2.node_module的安装

1).如果你的web项目已经在IDEA工作区域创建好，则忽略2).~~~

打开IDEA中的Terminal终端，输入npm install vue --savesave是局部的意思，即只在当前web项目中倒入Vue技术。(因为使用了taobao的镜像，所以下载会很快)

如果是maven项目，则需要

1.file-othersetting-JDK版本和lambda
2.file-othersetting-maven本地仓库的地址和setting.xml设置，以及Jdk信息等
3.file-setting-JavaScript-上方下拉栏，选择ES6

2).如果你想从别的C/D盘中导入已经存在的web项目，则打开IDEA选择file-open-选择你想要导入的web项目路径即可

如果是maven项目，则需要

1.file-othersetting-JDK版本和lambda
2.file-othersetting-maven本地仓库的地址和setting.xml设置，以及Jdk信息等
3.file-setting-JavaScript-上方下拉栏，选择ES6

项目倒入成功后，打开IDEA中的Terminal终端，输入npm install vue --savesave是局部的意思，即只在当前web项目中倒入Vue技术。(因为使用了taobao的镜像，所以下载会很快)

3.Vue.js插件的安装

1).IDEA中，file-setting-plugin

选择安装即可(安装成功，则可以忽略下面的2).步骤)

2).如果执行1).中Vue.js插件下载时，显示download失败，说明你的IDEA版本和提供的Vue,js插件版本不符合。

此时IDEA-Help-about查看自己IDEA的版本

然后去IDEA-Plugin的官网中https://plugins.jetbrains.com/搜索Vue.js插件，点击Version，下拉选择和你的IDEA版本匹配的Vue.js插件下载。(我百度云中的是2017.3版本IDEA对应的Vue.js插件，如果符合，可以拿来直接用)

下载完成后，解压。然后file-setting-plugin-选择下载好的Vue.js即可

3).Vue.js插件下载成功，你的web项目中含有Vue组件代码的文件，会出现这种标志，代表插件下载成功

4.chrome安装Vue.devtools工具，方便对Vue组件代码的直接操作

1).首先你可以去官网下载Vue devtools工具(但涉及文件的预编译，有点麻烦)，可以直接拿用我百度云中的devtools

2).打开chrome浏览器，和设置一个页面-更多工具-扩展程序-

至此，Vue-devtools安装成功

5.vue技术的使用

1).打开上述IDEA中安装过vue.js插件的web项目，Terminal输入npm run dev则，web项目启动成功。chrome中打开项目路径，则可以操作了~~~