yarn 创建vue3.0项目
时间: 2023-05-10 13:03:36 浏览: 307
在使用yarn创建vue3.0项目之前,我们需要先确认环境已经安装好了,比如Node.js和yarn。首先,我们需要在终端中安装全局的Vue CLI 4.0版本及以上的脚手架工具,这可以通过以下命令进行安装:
yarn global add @vue/cli
在此之后,我们可以在终端中输入以下命令来创建一个新的Vue3.0项目:
vue create [project-name] --preset=@vue/cli-plugin-babel,router,vuex
在上述命令中,[project-name]是我们自己设置的项目名称。通过添加–preset=@vue/cli-plugin-babel,router,vuex选项,我们可以实现以下功能:
1. 开启Babel插件 - 可以让我们使用ES6的新特性,同时兼容更老的浏览器。
2. 注入Vue路由 - 可以让我们使用VueRouter插件来启用路由功能。
3. 注入Vuex状态管理 - 可以让我们使用Vuex插件来管理应用程序的状态。
当终端提示选择一个preset时,我们可以使用上下箭头选定default完成项目的创建,也可以根据个人需要选择自己所需要的preset。
创建成功后,我们可以进入项目目录并启动本地开发服务器:
cd [project-name]
yarn serve
启动服务器后,我们可以在浏览器中访问localhost:8080来预览我们创建的Vue3.0项目。
总的来说,使用yarn创建Vue3.0项目非常简单,只需要在终端中执行几个命令即可。同时,通过添加preset来引入Babel插件、VueRouter插件和Vuex插件,可以非常方便地实现项目开发中常用的特性。
阅读全文