vue3+vue-cli4x创建项目

vue3正式版已经发布快一个月了,博主最近刚好手里有一个新项目,有点空余时间,想着拥抱新技术,便开始了踩坑之旅

vue3中文文档
vue-cli4x中文文档

1.安装

vue3.0:

# 最新稳定版
$ npm install vue@next

vue-cli4.x:

对于 Vue 3,你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli@next。要升级,你应该需要全局重新安装最新版本的 @vue/cli:

$ yarn global add @vue/cli@next
# OR
$ npm install -g @vue/cli@next

然后在 Vue 项目运行:

$ vue upgrade --next

2.创建项目

运行以下命令来创建一个新项目:

$ vue create hello-vue3
vue3创建项目

TIPS: 由于博主电脑上同时装了vue2和vue3,所以出现了vue2和vue3的默认选项,有需要同时安装vue2和vue3的同学请自行百度

这里我们选择vue3默认选项就好了。


安装完成

安装完成,执行以下命令

$ cd hello-vue3
$ npm run serve

成功启动


成功启动
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。