vue3.0项目的创建过程

界面创建方法（vue ui）

1、进到相应文件夹路径下，vue ui

 

2、访问http://localhost:8000/，进到相应的浏览器创建vue界面

 

3、选择Create，进到相应工具配置页面，选好点击下一步

 

4、手动配置（组件配置选项、更加自主化）

 

5、主要添加Router、Vuex、CSS Pre-processors、Linter/Formatter、及使用配置文件（按需选择，我主要根据自己项目需求选）这些组件

 

6、选择Sass/SCSS（官方主推的dart-sass）及ESLint+Standard config这两个选项，点击下一步。

 

7、预设名，是你后面再创建项目时，可以根据这名字直接选择该配置，快速构建该配置类型的工程化项目。（随便取）保存预设并创建项目。

 

8、创建成功，可以看到各个组件的相关配置，点击第5个按钮，可以运行该项目。之后访问http://localhost:8080/即可进入该项目。