vue项目的导入idea以及环境搭建中提示错误的处理方法

一、安装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是否安装成功