如何启动一个vue2项目?

vue2

Vue2官网介绍,可以使用命令行工具 (CLI),Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了开箱即用的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。更多详情可查阅Vue CLI 的文档。

准备工作

现在官方推荐使用 create-vue 来创建基于 Vite 的新项目。另外请参考 Vue 3 工具链指南 以了解最新的工具推荐。
Node 版本要求:Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 nvm 在同一台电脑中管理多个 Node 版本。可参考Node包管理使用教程了解。

  • 检查是否安装Vue CLI
# 出现版本号即表示已经安装过了
vue --verson
# OR
vue -V
  • 开始安装Vue CLI
npm install -g @vue/cli
# OR
yarn global add @vue/cli

创建项目

vue create hello-world

你会被提示选取一个 preset(预设)。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选Manually select features来自定义需要的特性。
在这里插入图片描述
这个默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们是面向生产的项目更加需要的。
在这里插入图片描述
如果你决定手动选择特性,在操作提示的最后你可以选择将已选择的配置,保存为一个将来可复用的 预设。可以参考官网的Preset,此处不再赘述。或者参考使用 @vue/cli 创建项目Vue项目参考手册,了解更多。

启动项目

项目创建成功后,你可以根据提示,进入项目的根目录,然后启动项目即可。
参考代码如下,具体代码,请以实际项目为准。

cd hello-world
npm run serve

延伸阅读

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值