转载自:https://cli.vuejs.org/guide/creating-a-project.html#installation
创建项目
#安装
节点版本要求
Vue CLI要求Node.js版本8或更高版本(建议使用8.10.0+)。您可以使用nvm或nvm-windows在同一台计算机上管理多个版本的Node 。
npm install -g @vue/cli
# OR
yarn global add @vue/cli
安装后,您将可以vue
在命令行中访问二进制文件。您可以通过简单运行来验证它是否已正确安装vue
,这应该会向您显示列出所有可用命令的帮助消息。
#VUE创建
要创建新项目,请运行:
vue create hello-world
系统将提示您选择预设。您可以选择基本Babel + ESLint设置附带的默认预设,也可以选择“手动选择功能”以选择所需的功能。
默认设置非常适合快速创建新项目的原型,而手动设置提供了更多面向生产项目可能需要的选项。
如果您选择手动选择功能,则在提示的末尾您还可以选择将选择保存为预设,以便将来可以重复使用。我们将在下一节讨论预设和插件。
〜/ .vuerc
保存的预设将存储在.vuerc
用户主目录中指定的JSON文件中。如果要修改已保存的预设/选项,可以通过编辑此文件来执行此操作。
在项目创建过程中,您可能还会被提示选择首选包管理器,或使用淘宝npm注册表镜像来加快依赖安装。您的选择也将保存在~/.vuerc
。
该vue create
命令有许多选项,您可以通过运行来探索它们:
vue create --help
Usage: create [options] <app-name>
create a new project powered by vue-cli-service
Options:
-p, --preset <presetName> Skip prompts and use saved or remote preset
-d, --default Skip prompts and use default preset
-i, --inlinePreset <json> Skip prompts and use inline JSON string as preset
-m, --packageManager <command> Use specified npm client when installing dependencies
-r, --registry <url> Use specified npm registry when installing dependencies (only for npm)
-g, --git [message|false] Force / skip git intialization, optionally specify initial commit message
-f, --force Overwrite target directory if it exists
-c, --clone Use git clone when fetching remote preset
-x, --proxy Use specified proxy when creating project
-h, --help output usage information
#使用GUI
您还可以使用带有以下vue ui
命令的图形界面创建和管理项目:
vue ui
上面的命令将打开一个带有GUI的浏览器窗口,该GUI将指导您完成项目创建过程。
#拉2.x的模板(Legacy)中
Vue CLI 3使用相同的vue
二进制文件,因此它会覆盖Vue CLI 2(vue-cli
)。如果您仍需要旧版vue init
功能,则可以安装全局网桥:
npm install -g @vue/cli-init
# vue init now works exactly the same as [email protected]
vue init webpack my-project