Vue-cli4搭建一个Vue项目

1、下载安装Node.js

下载地址：https://nodejs.org/en/download/ ，选择合适自己的版本下载即可。

安装Node.js会默认安装npm（包管理工具）

2、安装vue-cli4脚手架

如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g卸载它。

1
2
3
4
npm install -g @vue/cli
# 或者
yarn global add @vue/cli
# vue --version

升级

1
2
3
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

3、创建项目

1
2
3
4
# vue create --help
vue create hello-world
# 图形界面
vue ui

4.运行项目

1
npm run serve

5.编译项目

1
npm run build