idea搭建vue-cli项目

一、安装/升级node环境

1.下载安装node

node官网：https://nodejs.org/en/download/

安装只需要指定安装路径然后一路next就行了。然后查看node版本

$node -v
$npm -v

默认情况下，我们在执行npm install -g xxx时，下载了一个全局包，这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules下，可以通过CMD指令npm root -g查看

2.配置环境变量

1. 在node安装目录下下新建两个文件夹

node_global //全局包下载存放
node_cache //node缓存

2. CMD执行下面两个指令配置文件路径

npm config set prefix "D:\app\nodejs\node_global"
npm config set cache "D:\app\nodejs\node_cache"

3. 配置新的环境变量

在系统变量下新增下面两个值

D:\app\nodejs\node_global
D:\app\nodejs\node_global\node_modules

4. 配置新的环境变量
   新增NODE_PATH

D:\app\nodejs\node_global\node_modules

5. 安装vue-cli

全局安装vue-cli，在命令行中执行

npm i -g @vue/cli

二、Intellij IDEA

1.安装vue插件

2.File Types: HTML 添加 *.vue类型

File -> Settings -> Editor -> File Types -> HTML

3.设置JS规范为ES6

File -> Settings -> Language & Frameworks -> JavaScript

其他地址
Element-Vue：
https://element.eleme.cn/#/zh-CN/component/quickstart
Element-React:
https://elemefe.github.io/element-react/#/zh-CN/quick-start