前端学习(四):Vue CLI要求Node.js版本8或更高版本(建议使用8.10.0+)。

转载自:https://cli.vuejs.org/guide/creating-a-project.html#installation


创建项目

安装

节点版本要求

Vue CLI要求Node.js版本8或更高版本(建议使用8.10.0+)。您可以使用nvmnvm-windows在同一台计算机上管理多个版本的Node 

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

安装后,您将可以vue在命令行中访问二进制文件。您可以通过简单运行来验证它是否已正确安装vue,这应该会向您显示列出所有可用命令的帮助消息。

VUE创建

要创建新项目,请运行:

vue create hello-world

系统将提示您选择预设。您可以选择基本Babel + ESLint设置附带的默认预设,也可以选择“手动选择功能”以选择所需的功能。

CLI预览

默认设置非常适合快速创建新项目的原型,而手动设置提供了更多面向生产项目可能需要的选项。

CLI预览

如果您选择手动选择功能,则在提示的末尾您还可以选择将选择保存为预设,以便将来可以重复使用。我们将在下一节讨论预设和插件。

〜/ .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将指导您完成项目创建过程。

UI预览

拉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

猜你喜欢

转载自blog.csdn.net/meng19910117/article/details/80944818
今日推荐