前提条件:已安装node.js
如果觉得 npm 安装速度慢,可以使用淘宝的镜像及其命令 cnpm
npm install -g cnpm --registry=https://registry.npmmirror.com
步骤1:安装vue/cli最新稳定版本
对于 Vue 3,应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。
npm install -g @vue/cli@next
或
cnpm install -g @vue/cli
由图可见vue/cli@4.5.15已经安装好了
安装完后可以使用命令
vue --version
来查看版本,如图所示
步骤2:使用Vite快速搭建vue开发环境
方法一:
cnpm init @vitejs/app hello1
方法二:
npm init vite-app 项目名称
步骤3:运行项目
cd 项目名称
npm install
npm run dev
以hello2为例,如图所示
打开 http://localhost:3000/,显示如下:
随后你可在vscode中开发此项目。