如何使用vue-cli3.X高效搭建Vue项目？

本文共计1352个文字，预计阅读时间需要6分钟。

1. 安装Vue CLI的包名由vue-cli改为@vue/cli。 如果您已全局安装了旧版本的vue-cli（1.x或2.x），请先卸载它： bash npm uninstall vue-cli -g

1.安装

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过以下方式先卸载它：

npm uninstall vue-cli -g # 或 yarn global remove vue-cli

vue-cli 3.x安装：

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

说明：-g / global 表示全局安装。

安装完成后可通过以下代码校验安装是否成功：

vue --version # 或 vue -V

2.创建项目

2.1vue create xxx

vue create my-project # OR vue ui

按键盘上下键可以选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了

继续手动一下

2.2若你之前未保存过preset，或若不使用之前保存的preset创建项目，你会被提示选取一个 preset。