Vue/cli 2与3

本文介绍了如何使用Vue CLI的旧版本2和新版本3创建项目,详细解析了创建过程、项目结构及配置文件。新版本@vue/cli要求Node.js版本在8.9以上,并提供更灵活的配置选项,而老版本则包含基本的脚手架设置。

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

写在正文之前: 查了许多教程,网上大多都是2.*之前版本的cli,而官网也说明了Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。因此我自己总结了一份。
and新版的@vue/cli要求node版本在8.9以上,如未达到请更新node版本,这里我使用的是node10.15.3

老版本vue-cli创建一个项目

  1. 全局安装老版本的vue-cli:npm install --global vue-cli
    安装成功之后,输入命令vue -V,如果出现相应的版本号,则说明安装成功。

  2. 使用vue-cli脚手架构建项目
    输入命令:vue int template-name template-name
    其中template-name是模板名,在其官网目前有六种模板,一般常用webpack.
    template-name则是我们自己起的项目名。
    输入命令后,会询问几个简单的选项,如下:

    · Project name :项目名称 ,如果不需要更改直接回车就可以了。
    · Project description:项目描述,默认为A Vue.js project,直接回车,不用编写。
    · Author:作者,会自动读取配置git的作者。
    · Install vue-router? 是否安装vue的路由插件,一般需要安装,所以选择Y
    · Use ESLint to lint your code? 是否用ESLint来限制代码错误和风格。最好是进行配置。
    · setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha,我们这里不需要,所以输入n。
    · Setup e2e tes

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值