vue-cli3.0 脚手架搭建项目的过程详解

2020-06-14 06:21:15易采站长站整理

1.安装vue-cli 3.0


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

安装成功后查看版本:vue -V(大写的V)

2.命令变化


vue create --help

用法:

create [options] <app-name>

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

选项:

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

3.创建项目

去到指定目录下创建项目(project-name:项目名称)


vue create project-name