Vue CLI 教程 (原 vue-cli)

🌙
手机阅读
本文目录结构
a'xi'he

Vue.js

Vue.js 开发的标准工具,如果你学 Vuejs,我推荐你为了省时间,先把vue-cli用起来,然后再看 Vue;

本文档基于V4.2.3版本的vue-cli;

安装

安装:

npm install -g @vue/cli
# OR
yarn global add @vue/cli

如果是Mac或者Linux,记得使用sudo npm install -g @vue/cli,获取权限后再安装。

安装成功的结果

https://a.axihe.com/vue/vue-cli/mintty_8sh0ZBfmls.png

检测是否安装成功

https://a.axihe.com/vue/vue-cli/mintty_Ixnueu67oo.png

vue 命令大全

vue -h

我们看到,下面是我翻译的

用法: vue <command> [options]

Options:
  -V, --version                              输出版本号
  -h, --help                                 输出帮助信息

Commands:
  create [options] <app-name>                创建一个由vue-cli-service支持的新项目
  add [options] <plugin> [pluginOptions]     安装插件并在已创建的项目中调用其生成器
  invoke [options] <plugin> [pluginOptions]  在已经创建的项目中调用插件的生成器
  inspect [options] [paths...]               使用vue-cli-service检查项目中的webpack配置
  
  serve [options] [entry]                    以零配置在开发模式下提供.js或.vue文件
  build [options] [entry]                    使用零配置在生产模式下构建.js或.vue文件

  ui [options]                               启动并打开vue-cli ui
  init [options] <template> <app-name>       从远程模板生成一个项目(旧版API,需要@vue/cli-init)
  config [options] [value]                   检查并修改配置
  outdated [options]                         (实验性的) 检查过时的vue cli 服务/插件
  upgrade [options] [plugin-name]            (实验性的) 升级Vue CLI服务/插件
  migrate [options] [plugin-name]            (实验性的) 为已安装的cli插件运行migrator
  info                                       打印有关您的环境的调试信息

  运行vue <命令> --help了解给定命令的详细用法。

说到零配置,可以看看这个 Parcel ,生态还不完善,零配置的缺点就是不够自由。

axihe
axihe

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

axihe