vue cli - 03 创建脚手架vue create,vue ui

vue create

vue create first-vue

可选择预设(preset)的配置集

预设配置集

或手动选择配置来生成新脚手架

手动选择配置

生成后目录结构

--- public
    | --- index.html
    | --- favicon.ico
--- src
    | --- assets
    | --- components
    | --- views
    App.vue
    main.js
.eslintrc.js
babel.config.js
package.json

package.json

命令参数

用法：create [options] 

创建一个由 `vue-cli-service` 提供支持的新项目

选项：

  -p, --preset        忽略提示符并使用已保存的或远程的预设选项
  -d, --default                   忽略提示符并使用默认预设选项
  -i, --inlinePreset        忽略提示符并使用内联的 JSON 字符串预设选项
  -m, --packageManager   在安装依赖时使用指定的 npm 客户端
  -r, --registry             在安装依赖时使用指定的 npm registry
  -g, --git [message]             强制 / 跳过 git 初始化，并可选的指定初始化提交信息
  -n, --no-git                    跳过 git 初始化
  -f, --force                     覆写目标目录可能存在的配置
  -c, --clone                     使用 git clone 获取远程预设选项
  -x, --proxy                     使用指定的代理创建项目
  -b, --bare                      创建项目时省略默认组件中的新手指导信息
  -h, --help                      输出使用帮助信息

图形化界面

vue ui

根据向导完成项目初始化

图形化网站也可以对项目进行可视化管理，如下介绍

插件tab可以管理插件

依赖tab可以管理当前项目的依赖

image.png

配置tab可以针对需要配置的插件进行配置，如vue，eslint等

任务tab可以管理当前可执行的脚本，并提供监控日志

旧版本脚手架

npm install -g @vue/cli-init
vue init webpack my-project