vue3.0进阶-----------------构建初始化项目

1、首先在终端输入 vue ui 打开浏览器可视化界面,如下:

2、第一个会列出你当前拥有的项目,第二个是创建项目的地方;

在这里我们点击第二个,创建自己的项目:

3、之后点击下一步,选择手动配置项目,

4、之后如下:我们勾选babel 编译器、router路由、vuex 状态管理公开、css预处理器、ea-linter(检测代码风格下的规范性)、最后勾选使用配置文件(英文状态下是use config)

5、之后勾选风格以及代码检测的方式,这里选择没有固定的方式,可以按自己的习惯来选择:

6 最后点击创建时他会有如下提示:

上图的意思就是,你是否需要将你当前勾选的这一套流程保存为一个记录,以便你下次创建项目的时候可以直接勾选这个预先设置好的保存项;

7 经过上述的步骤时候,我们点击创建项目,回出现如下的界面:

这时候会自动运行npm 将需要的依赖下载下来;

而我们在命令终端也可以看见如下的下载过程:

8、如果出现如下的界面,那么我们第一个vue 项目就已经构建成功了

在这里我们可以看见我们当前创建项目所使用的依赖,插件,配置,以及我们将要会用到的执行任务操作;

以上就是vue3.0的初次使用;

发布了143 篇原创文章 · 获赞 31 · 访问量 14万+

猜你喜欢

转载自blog.csdn.net/qq_42112846/article/details/100049942