vue-cli 3.x.x搭建项目及配置

vue-cli 官网：https://cli.vuejs.org/zh/guide/

一、安装cli

若之前安装过2.x.x,需先卸载

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

Vue CLI 3.0 + 安装改为

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

注：安装yarn ：https://yarnpkg.com/zh-Hans/docs/install#mac-stable

二、创建项目

1）图形界面方式

vue ui

2）命令行

vue create [project-name]

如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project

启动项目

npm run serve
# OR
yarn serve