创建一个项目 | vue-cli 4
![创建一个项目](https://i.imgur.com/axBPWDg.jpg)
vuecreate运行以下命令来创建一个新项目:警告如果你在Windows上通过minTTY使用GitBash,交互提示符并不工作。你必须通过winptyvue.cmdcreatehello-world启动这个命令。不过,如果你仍想使用vuecreatehello-world,则可以通过在~/.bashrc文件中添加以下行来为命令添加别名。aliasvue=winptyvue.cmd你需要重新启动GitBash终端会话以使更新后的bashrc文件生效。你会被提示选取一个preset。你可以选默认的包含了基本的Babel+ESLint设置的preset,也可以选“手动选择特性”来选取需要的特性。这个默认的设置非常适合快速创建一个新项目的原...
![创建一个项目](http://pix4.agoda.net/hotelimages/agoda-homes/5899847/61e1a790eeb181e40e8f262ea5a396dc.jpg?s=800x)
运行以下命令来创建一个新项目:
警告
如果你在 Windows 上通过 minTTY 使用 Git Bash,交互提示符并不工作。你必须通过 winpty vue.cmd create hello-world 启动这个命令。不过,如果你仍想使用 vue create hello-world,则可以通过在 ~/.bashrc 文件中添加以下行来为命令添加别名。 alias vue=winpty vue.cmd 你需要重新启动 Git Bash 终端会话以使更新后的 bashrc 文件生效。
你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。
这个默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们是面向生产的项目更加需要的。
如果你决定手动选择特性,在操作提示的最后你可以选择将已选项保存为一个将来可复用的 preset。我们会在下一个章节讨论 preset 和插件。
~/.vuerc
被保存的 preset 将会存在用户的 home 目录下一个名为 .vuerc 的 JSON 文件里。如果你想要修改被保存的 preset / 选项,可以编辑这个文件。
在项目创建的过程中,你也会被提示选择喜欢的包管理器或使用淘宝 npm 镜像源[1]以更快地安装依赖。这些选择也将会存入 ~/.vuerc。
vue create 命令有一些可选项,你可以通过运行以下命令进行探索:
使用图形化界面你也可以通过 vue ui 命令以图形化界面创建和管理项目:
上述命令会打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程。
拉取 2.x 模板 (旧版本)Vue CLI >= 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的...
取得本站獨家住宿推薦 15%OFF 訂房優惠
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
3-1 Vue CLI 介紹 | vue-cli 4
3-3 Vue CLI 環境設定與打包部署 | vue-cli 4
Installation | vue-cli 4
Migrate from v4 | vue-cli 4
Overview | vue-cli 4
Vue CLI | vue-cli 4
Vue CLI | vue-cli 4
Vue CLI | vue-cli 4
vue-cli | vue-cli 4
vue | vue-cli 4
vuejsvue-cli | vue-cli 4
介绍 | vue-cli 4
创建一个项目 | vue-cli 4
安装 | vue-cli 4
安装 | vue-cli 4
配置参考》vue.config.js | vue-cli 4
![](https://i.imgur.com/axBPWDg.jpg)