配置环境

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脚手架项目

 

 

 

 

 

 

 

相关文章:

  • 2021-10-17
  • 2021-09-08
  • 2021-12-26
  • 2022-12-23
  • 2022-01-19
  • 2021-09-07
  • 2022-12-23
猜你喜欢
  • 2022-03-08
  • 2022-01-01
  • 2021-07-26
  • 2021-03-31
  • 2022-12-23
  • 2022-01-09
  • 2022-03-03
相关资源
相似解决方案