vue-cli3项目搭建

在vue-cli3中，Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。也可以打开node安装目录下的node_modules找到vue文件夹进行删除。

然后，请确认你的电脑有node，如果没有，请先去http://nodejs.cn/download/ 下载安装node，
安装完成之后，打开cmd命令窗口，用node -v检测node是否安装成功，npm -v检测npm是否安装成功，出现如:

C:\Users\Administrator>node -v
v10.15.1

C:\Users\Administrator>npm -v
6.4.1

则说明安装成功

然后，使用以下命令全局安装vue-cli3

npm install -g @vue/cli

安装完成后，可以用这个命令检测安装版本是否为vue3.0

vue --version

创建项目

用以下命令创建新项目

vue create hello-world

然后cd hello-world进入项目，运行

npm run serve

打开， http://localhost:8080

使用图形界面

vue ui

拉2.x的模板

Vue CLI> = 3使用相同的vue二进制文件，因此它会覆盖Vue CLI 2（vue-cli）。如果您仍需要旧版vue init功能，则可以安装全局网桥

npm install -g @vue/cli-init
vue init webpack my-project