利用VUE脚手架GUI搭建前端vue项目框架

目录

前提：VUE脚手架环境已经搭好

1、cmd面板键入vue ui启动GUI

2、选择文件夹创建新项目

3、输入项目名称

4、选择配置模式

5、设置基本功能

6、router选择默认关闭并创建项目

7、安装基本插件element

8、安装项目运行插件axios

---

以前我用webstorm的时候搭建一个框架（想看戳蓝色链接即可）比较简单，因为好多事情webstorm都已经做好了，后来我由台式电脑转为笔记本运行webstorm有些吃力，然后我就转投VSCode，

用它搭建项目时总是不顺手，后来在网上看到可以用VUE脚手架的可视化面板来搭建，感觉还能接受，记录一下。

前提：VUE脚手架环境已经搭好

1、cmd面板键入vue ui启动GUI

 

之后浏览器跳转到相应地址即可

2、选择文件夹创建新项目

 

3、输入项目名称

4、选择配置模式

5、设置基本功能

最基础的3个（Babel、Router、使用配置文件）应该是必不可少了！

6、router选择默认关闭并创建项目

 

7、安装基本插件element

8、安装项目运行插件axios

 

到此，一个基本的项目就可以了，在vscode中打开，控制台npm run serve就可以跑起来了，剩下的就是功能页面的设计，不再赘述。