vue3.x创建项目

本文详细介绍了如何安装Vue-cli 3.x及以上版本,包括检查版本、升级或卸载旧版本,并提供了创建、运行及打包Vue项目的步骤。Vue 3.x版本相比之前的2.x版本,配置更为简洁,不再需要之前的配置文件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、安装Vue-cli

       1、运行终端 vue -V 或者 vue --version  确认自己 vue 版本在3.x以上

       2、如果vue版本在3.x跳过下面步骤,低于3.x版本的执行下面步骤

             2.1、没有返回版本信息,提示指令“不是内部或外部命令”的直接执行下面的安装指令

# npm 安装确保自己安装了node并配置了环境 
# 可以终端npm -v 验证,以及node -v 验证
npm install -g @vue/cli

#或者 cnpm 安装确保自己安装淘宝镜像

cnpm install -g @vue/cli

#或者 yarn安装(主要对于linux系统)

yarn global add @vue/cli

           2.2、如果已经安装过vue3.x之前的版本,先删除在执行上面的安装,删除执行下面的命令

npm uninstall vue-cli -g

#或者

cnpm uninstall vue-cli -g

#或者

yarn global remove vue-cli


二、创建运行打包项目

首先进入到希望项目文件放置的文件夹,如果配置了git可以右键点击"git Bash Here",通过git创建项目。创建项目命令一样

1、创建项目  vue create my-project 通过键盘上下键选择,有三个选项,前面两个默认,选中回车会自己创建好项目,第三个手动选择,根据自己需求选择配置项

2、创建安装完依赖后 cd 进入项目

3、npm/cnpm run serve 运行项目(之前版本是npm run dev)

4、打包项目和之前版本一样 npm run build

相对于之前vue2.x没有了之前的配置文件,整体上更简洁。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值