WebStorm创建Vue项目记录

1 打开WebStorm2018,创建新项目

WebStorm创建Vue项目记录_第1张图片

2 选择vue.js项目类型,填写项目位置,下一步

WebStorm创建Vue项目记录_第2张图片

3 vue-cli插件项目构建中。

 WebStorm创建Vue项目记录_第3张图片

4填写项目名称

WebStorm创建Vue项目记录_第4张图片

 

5 项目描述

WebStorm创建Vue项目记录_第5张图片

 

6作者

WebStorm创建Vue项目记录_第6张图片

 

7

WebStorm创建Vue项目记录_第7张图片

 

8

WebStorm创建Vue项目记录_第8张图片

 

9使用ESLint 

WebStorm创建Vue项目记录_第9张图片

 

10

WebStorm创建Vue项目记录_第10张图片

 

11

WebStorm创建Vue项目记录_第11张图片

 

12

WebStorm创建Vue项目记录_第12张图片

 

13

WebStorm创建Vue项目记录_第13张图片

 

14

WebStorm创建Vue项目记录_第14张图片

 

 15进入项目,执行cnpm i

WebStorm创建Vue项目记录_第15张图片

 

16启动

WebStorm创建Vue项目记录_第16张图片

 

 

17浏览器访问

WebStorm创建Vue项目记录_第17张图片

 

 

项目结构:https://www.cnblogs.com/amunamuna/p/8708102.html

 

转载于:https://www.cnblogs.com/ENU7/p/11195113.html

你可能感兴趣的:(WebStorm创建Vue项目记录)