vsCode创建基于Vue3的项目

前提条件:已安装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

(0)
上一篇 2022年8月7日
下一篇 2022年8月7日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml