yarn 创建 Vue2 项目(包括node的方式和遇到版本问题如何解决)

一、通常使用的方式(npm)

1、安装Node.js和npm

node -v
npm -v

检查是否安装成功

2、安装Vue CLI

Vue CLI是一个命令行工具,用于快速搭建Vue项目

npm install -g @vue/cli

如果不成功,则:

sudo npm install -g @vue/cli

在 Windows 上,可以在命令提示符或 PowerShell 中使用管理员权限运行。在 macOS 或 Linux 上,可以在终端中使用sudo命令来获取管理员权限

再不成功,可以尝试:

npx @vue/cli create my-project

这个命令会自动下载并运行最新版本的 Vue CLI,然后使用它来创建一个新的项目

3、创建Vue项目

在安装完成Vue CLI后,在命令行界面中输入以下命令来创建一个新的Vue项目:

vue create my-project

my-project为项目的名字

4、运行Vue项目

npm run serve
// or
npm run dev

这会启动一个开发服务器,然后你可以在浏览器中访问 http://localhost:8080/ 来查看项目。每次修改项目代码后,开发服务器都会自动重新编译和刷新页面,以便你可以看到修改后的效果。

二、yarn 方式

创建 Vue2 方式如下:

yarn create vue-app my-app
  1. 没有安装过 Vue CLI,Yarn 也会自动安装 Vue CLI
  2. my-app 为项目名
  3. 命令会自动创建一个基于 Vue2 的项目

三、创建失败

问题描述:使用vue create命令,但是报 vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You may want to run the following to upgrade to Vue CLI 3 的错误

原因:cli 的版本不够高

方法一:

想要创建 Vue 2 项目,可以使用以下命令:

vue init webpack my-project

这个命令会使用 Webpack 模板创建一个新的 Vue 2 项目。你可以根据需要进行修改,然后使用 npm run dev 命令来启动开发服务器

方法二:

已经安装了 Vue CLI 3,也可以尝试使用以下命令来创建 Vue 2 项目:

vue create my-project --preset=vue-cli-plugin-axios

在这个命令中,使用了 --preset 参数来指定了一个预设,其中包含了 Vue 2 和 Axios 等常用依赖。这样可以方便地创建一个符合常规需求的项目。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值