文章目录
一、安装nodejs
1、安装nodejs,默认下一步就OK
node.js官网，https://nodejs.org/en/
2、测试nodejs是否安装成功
此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西
二、环境变量的配置
第一步：配置默认安装目录和缓存日志目录。
1、说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\86177\AppData\Roaming\npm】路径中，占C盘空间
2、例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：
3、执行命令
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”
第二步：环境变量配置。
1.新建 NODE_PATH，
输入本机node_modules目录
【D:\node_modules 】，
2.在【Path】追加 node_global目录
【D:\nodejs\node_global 】
3.测试
输入如下命令进行模块的全局安装：
npm install express -g # -g是全局安装的意思
三、安装vue/cli
1、变更npm源
npm config set registry https://registry.npm.taobao.org
2、安装
npm install -g @vue/cli
npm install -g @vue/cli-init
3、查看已经安装在全局的模块
npm ls -g --depth=0
#删除模块
#删除全部模块
npm uninstall -all
#删除指定名称模块
npm uninstall
4、查看vue版本
vue -V
5、创建一个项目(在项目目录下运行 vue create 建议修改项目存放目录，默认在C盘)
vue create project-name
6、创建完成后启动项目
#进入项目目录
npm run serve
此处可能出现的【ENOENT】
解决方案：切换至project-name项目下再去执行npm run serve
7、验证
http://localhost:8080
四、脚手架安装
1、建立项目目录
2、在项目目录中运行
—2.1 vue init webpack demo1
—2.2 npm install
— 2.3 npm run dev
（由于版本更新 npm run dev 和npm start 是老项目 运行方式）
3、验证
http://localhost:8080
五、idea插件安装
1、idea安装vue.js插件
File --> Settings --> Plujins --> Marketplace --> 搜索vue.js
点击Install进行安装，然后重启idea
2、设置JavaScript为ECMAScript 6
File --> Settings --> Languages&Frameworks --> JavaScript：修改JavaScript language version为ECMAScript 6
六、vue2.0 minimal admin template
一个vue2的后台管理模板，可作为学习模板使用
下载地址
https://github.com/PanJiaChen/vue-admin-template#vueadmin-template
1、导入工程
2、Terminal下执行npm install
#gyp verb which failed Error: not found: python2（需要安装python）
3、安装gyp命令
npm install -g node-gyp
4、运行：npm rebuild node-sass
此处可能会出现error
解决方案：
1.以管理员身份运行：npm install --global --production windows-build-tools
2.就会安装vs_BuildTools.exe，
3.打开vs_BuildTools.exe安装Visual Studio 15 生成工具 2017（使用“带有C+的桌面开发”工作负载）
5、开发模式启动
npm run dev
七、安装Python 2.7（v3.x.x不支持），
1、下载地址： https://www.python.org/download/releases/2.7/
安装成功之后，在环境变量中的系统变量选择安装路径
2、测试python是否安装成功