vue3.0 知识梳理 - 快速搭建

156 阅读1分钟

安装

Node版本要求:Vue CLI 4.x需要Node.js(安装地址:nodejs.org/zh-cn ),v8.9 或更高版本 (推荐 v10 以上)。

国内使用Node.js,偶尔会遇到各种资源问题。通常设置淘宝镜像:npm i -g cnpm --registry=https://registry.npm.taobao.org 可以使用下面命令安装脚手架(本地如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。)

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

安装之后,你可以在命令行输入vue命令,来验证vue是否安装成功。

vue --version
#OR
vue -V

创建一个项目

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

vue create my-project

image.png

选择vue3 preview选项

静待安装..., 出现如下图说明安装成功

微信截图_20210414134226.png

温馨提示:

如果你本地有安装过vue-cli@2.x之前的版本,你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:
npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project