⑤ vue-cli

• vue-cli 是一个vue脚手架，可以快速构造项目结构

• vue-cli 本身集成了很多项目模板：

  • 创建项目
  • 热更新

    当文件有修改时，页面会自动刷新，是因为服务器发送请求自动更新，是因为websocket的作用

  • webpack
  • 支持CommonJS
  • 支持ESModule

安装

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

依赖与扩展

以下依赖会自动安装

• @vue/cli-service

  • @vue/cli-service-global

• webpack

  • webpack-dev-server

• CLI 插件

创建项目 vue create

    # 命令行
    vue create myproject

    # 使用图形化界面
    vue ui

插件安装 vue add

    vue add @vue/eslint #等效于 vue add @vue/cli-plugin-eslint

    # 路由
    vue add router

    # vuex
    vue add vuex

vue.config.js配置