idea 创建vue项目

一、开发环境搭建

在idea中新建项目，选中static web -> static web ，输入项目名称vue，打开terminal（alt+F12）窗口，

1. 安装node.js
   自行下载node.js安装包并安装，高版本的node.js安装完成后，会自动安装npm

# 验证node版本
node -v
# 验证npm版本
npm -v

2. 配置cnpm仓库

npm i -g cnpm --registry=https://registry.npm.taobao.org

3. 安装vue

npm i -g vue-cli
# 测试是否安装成功,大写字母‘V’
vue -V

4. 初始化包结构

vue init webpack vue-01
#一路回车| Y

5. 启动项目

# 进入项目目录
cd vue-01
# 编译
npm install
# 启动
npm run dev

5. 访问页面

上一步执行完毕后，会打印项目地址，默认：localhost:8080

参考：https://www.jianshu.com/p/9c1d4f8ed068