创建 Vue2项目

事情来源:

我的项目需要用到 element-ui ,但是 element-ui 又需要在 Vue2 环境下安装,我的node又是20版的(Vue2需要用到node 8.9.0 版本)

一开始我想的是降低node版本,但搞了一下午,又是没有彻底删除node,又是不能成功安装vue2并启动等各种问题接踵而至。

今天偶然间发现还可以用以下方法创建 Vue2,来和你们一起分享一下:

具体操作:

  • 首先,打开我们需要创建 Vue2 项目的文件夹,在文件目录前面加 cmd 打开终端

  • 输入命令 vue ui  Vue CLI 提供的图形化用户界面工具,可以帮助开发者通过可视化界面管理项目、安装插件、运行任务等。如出现以下错误,则需要先全局安装 Vue CLI 

  • 输入命令 npm install -g @vue/cli 全局安装 Vue CLI ,在输入命令 vue ui 打开图形化用户界面工具,出现以下说明启动成功

  • 然后自动跳转网页,点击创建,在此创建新项目

  • 输入项目的名称,点击下一步

  • 可以在这里选择 Vue2 直接创建项目,也可以选择手动配置项目

  • 若是手动配置项目,则改 3.x  为  2.x,点击创建项目,这样就好啦

  • 在文件中就可以查看我们的 Vue 2 项目了

  • 打开我们的 Vue 2 项目,输入 npm run serve 启动项目
  • 10
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用Vue CLI创建Vue2项目,你需要先全局安装一个桥接工具,并按照以下步骤进行操作: 1. 第一步:搭建Node.js运行环境。根据你的操作系统选择合适的安装包,可以在官网https://nodejs.org/en/download/下载安装。 2. 第二步:安装Webpack。在命令行中运行以下命令来全局安装Webpack:npm install webpack -g。 3. 第三步:安装脚手架。在命令行中运行以下命令来全局安装Vue CLI 2的脚手架:npm install -g @vue/cli-init。 4. 第四步:创建项目。在命令行中进入项目要存放的文件夹,并运行以下命令来创建项目vue init webpack my-project。其中,my-project为你的项目名称。根据命令行的提示,配置项目的相关属性信息,比如项目名称、项目描述、作者等。 5. 项目创建完成后,进入项目目录,运行命令npm run dev来启动本地开发服务器。将命令行中显示的网址复制到浏览器中,即可访问你创建Vue2项目。 引用 请注意,以上步骤是使用Vue CLI 2来创建Vue2项目的方法。如果你使用的是Vue CLI 3及以上版本,请参考官方文档进行操作。引用<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [使用vue-cli创建vue2项目(详解)](https://blog.csdn.net/qq_43080548/article/details/123919123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Vue CLI创建vue2项目](https://blog.csdn.net/woshiliyuwang/article/details/122989570)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值