vue-@vue/cli工具

vue项目的创建

    • 脚手架
      • 安装脚手架
      • 查看脚手架支持的命令
    • 创建项目
      • 命令行创建
      • 图形界面创建
    • 其他命令
      • 依赖更新
      • 重新设置相关配置

之前虽然一直使用vue,但是一直没有记录过关于vue的使用,最近学习的过程发现了一个新的vue的功能,记录一下。

脚手架

创建vue项目的官方脚手架@vue/cli ,使用脚手架可以帮你快速搭建项目的基本结构

安装脚手架

前提是已安装完成node,否则没有npm可以使用

npm install -g @vue/cli

查看脚手架支持的命令

通过以下命令查看可以执行的命令

vue -h

终端:

Usage: vue  [options]

Options:
  -V, --version                              output the version number
  -h, --help                                 output usage information

Commands:
  create [options]                 create a new project powered by vue-cli-service
  add [options]  [pluginOptions]     install a plugin and invoke its generator in an already created project
  invoke [options]  [pluginOptions]  invoke the generator of a plugin in an already created project
  inspect [options] [paths...]               inspect the webpack config in a project with vue-cli-service
  serve [options] [entry]                    serve a .js or .vue file in development mode with zero config
  build [options] [entry]                    build a .js or .vue file in production mode with zero config
  ui [options]                               start and open the vue-cli ui
  init [options]