zoukankan      html  css  js  c++  java
  • 从vue-cli 到 Vue CLI 3

    1.Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果已经全局安装了旧版本的 vue-cli(1.x 或 2.x),需要先通过 

    npm uninstall vue-cli -g 

     卸载。

    2.安装指令:

    npm install -g @vue/cli

    3.检查版本:

    vue --version

    4.Vue CLI 3可以使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发,不过这需要先额外安装一个全局的扩展:

    npm install -g @vue/cli-service-global

    5.运行以下命令来创建一个新项目:

    vue create hello-world

    6.Vue CLI 使用了一套基于插件的架构。如果查阅一个新创建项目的 package.json,就会发现依赖都是以 @vue/cli-plugin- 开头的。

    插件可以修改 webpack 的内部配置,也可以向 vue-cli-service 注入命令。在项目创建的过程中,绝大部分列出的特性都是通过插件来实现的。

    7.基于插件的架构使得 Vue CLI 灵活且可扩展;可以通过 vue ui 命令使用 GUI 安装和管理插件。

    8.当你使用 vue create 来创建一个新项目的时候,有些插件会根据你选择的特性被预安装好。如果你想在一个已经被创建好的项目中安装一个插件,可以使用 vue add 命令,例如:

    vue add @vue/eslint

    这个命令将 @vue/eslint 解析为完整的包名 @vue/cli-plugin-eslint,然后从 npm 安装它,调用它的生成器。

    9.vue-router 和 vuex 的情况比较特殊——它们并没有自己的插件,但是仍然可以这样添加它们:

    vue add router
    vue add vuex
  • 相关阅读:
    浅析 KMP
    【GOJ 3049】玩具
    较详细的gdb入门教程
    【GOJ 2963】记者
    【GOJ 2961】数数
    GF OIer's Talk 维护笔记
    Linux 中 UFW 的使用
    开源是什么?能吃吗?
    个人介绍
    NOIP2020 爆零记
  • 原文地址:https://www.cnblogs.com/lemonmonster/p/9764162.html
Copyright © 2011-2022 走看看