vue-cli3 快速搭建项目

一、安装node.js

去官网下载node.js，官网地址：https://nodejs.org/en/download/

1. 本地安装，node.js一般不改变安装路径直接安装。安装完毕在命令行工具（Windows是cmd，苹果是终端控制）输入node -v 和 npm -v，如果能显示出版本号，就说明安装成功。（新版本node已经集成npm ）

2.安装cnpm：npm install -g cnpm --registry=http://registry.npm.taobao.org，命令行输入cnpm -v，查看是否安装成功

二、全局安装vue-cli，并用vue-cli搭建基础项目

vue-cli官网：https://cli.vuejs.org/zh/
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

1.全局安装vue-cli：npm install -g @vue/cli

2.利用vue-cli,初始化创建vue项目：vue create my-project

3.进入项目 cd my-project，安装依赖包 cnpm install

4.运行项目：npm run dev

如果运行项目报错 npm ERR! missing script: dev，是因为package.json中没有配置dev命令，在根目录下，package.json文件中，“scripts”属性中添加代码："dev": "vue-cli-service serve --open"