前提条件:已安装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中开发此项目。
原文链接:https://blog.csdn.net/weixin_55020138/article/details/122714358?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165934461816782391881984%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165934461816782391881984&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-28-122714358-null-null.nonecase&utm_term=%E6%90%AD%E5%BB%BAcdn
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/6630