Idea搭建第一个Vue脚手架项目

配置环境

https://www.jianshu.com/p/957f5631faa9

//这个链接最后设置阿里镜像那好像有点问题

在IDEA新建static web项目 

Create New Project > Static Web>填写project name和选择保存的工作空间>Finish

安装脚手架

1、打开terminal

2、输入命令行

npm i -g @vue-cli

3、测试是否安装成功(注意这里要用大写的V)

vue -V 

4、脚手架安装完成后,初始化包结构,继续输入

vue init webpack 项目名

 这里如果一直在downloading template...状态 ,说明webpack有问题,在终端输入:

npm install webpack -g

Idea搭建第一个Vue脚手架项目

初始化成功会有提示,根据提示依次输入命令

Idea搭建第一个Vue脚手架项目

在输入最后的 npm run dev出现

Idea搭建第一个Vue脚手架项目

点击链接或者在浏览器输入http://localhost:8080,出现下图说明成功。

Idea搭建第一个Vue脚手架项目