一、安装/升级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.配置环境变量

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

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

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

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

配置新的环境变量

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

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

配置新的环境变量
新增NODE_PATH

D:\app\nodejs\node_global\node_modules

安装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

idea搭建vue-cli项目相关推荐

cmd搭建vue前端项目详细过程
cmd 搭建vue前端项目下载nods.js node.js下载(Windows版本) next 安装完毕! 配置node.js环境变量进入找到Path进入这里填你的node.js的安装路径验 ...
基于vue-cli搭建VUE.js项目
基于vue-cli搭建VUE.js项目准备工作开始安装搭建工程目录结构搞定!! 准备工作 1.node.js 2.vue-cli 3.webpack 开始安装 Node.js 点击去下载No ...
vue cli 项目在打包时候报错 API fatal error handler returned after process out of memory
问题描述 vue cli 项目在打包时候报错:API fatal error handler returned after process out of memory. 问题分析从给出的提示可以看出 ...
Vue Cli 项目结构简述
webnode_modules --Vue Cli 项目以来的js模块全放到这里public --存放静态资源存放自己的js cssfavicon.ico -- 浏览器小图标index.html - ...
VUE项目学习（一）：搭建VUE前端项目
VUE项目学习(一):搭建VUE前端项目 1.安装node.js环境 (1)下载node.js,下载地址为:https://nodejs.org/en/ (2)按照默认选项安装node,检查安装版本 ...
Vue项目9：Vue Cli项目使用echarts可视化
Vue Cli项目使用echarts可视化有两种方式:一.直接引入echarts 二.使用vue-ehcarts. 一.直接引入echarts 1.创建Vue Cli项目进入cmd命令行,输入如 ...
vue cli项目升级--vue cli3升级到vue cli4
原文网址:vue cli项目升级--vue cli3升级到vue cli4_IT利刃出鞘的博客-CSDN博客简介说明本文介绍如何升级vue项目的vue cli版本. 官方网址 https://c ...
Vue + Spring Boot 项目实战（二）：使用 CLI 搭建 Vue.js 项目
文章目录一.安装 Vue CLI 二.构建前端项目 2.1.创建一个基于 webpack 模板的项目 2.2. 安装图解 2.3. 项目结构总览 2.4. 运行项目 2.5. 浏览器验证项目Git ...
Vue项目搭建——Vue CLI安装失败解决方法
1.安装node 官网下载:https://nodejs.org/en/ 下一步安装 2.设置镜像要以管理员方式运行cmd npm install -g cnpm --registry=https: ...
三种方式快速搭建vue环境项目全过程(图解)
(一)环境搭建 1.下载源码如果仅仅只是在项目或者某个文件中简单的使用vue,就可以直接在html中引入下列链接 <script src="https://unpkg.com/vue ...

idea搭建vue-cli项目