阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Vue CLI 教程 (原 vue-cli)

      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 ,生态还不完善,零配置的缺点就是不够自由。

      目录
      目录