Vue CLI构建SPA项目教你手把手创建SPA项目

下载安装Vue-CLI

官方文档：https://cli.vuejs.org/zh/

首先要确定自己的电脑上安装了 Node.js 8.9 或更高版本。

然后，我们就可以使用 npm 来安装 vue/cli ：

npm install -g @vue/cli

安装之后，我们可以在命令行中使用 vue 指令查看安装的版本：

创建一个项目

vue create 项目名称

【第一步】手动选择组件

【第二步】勾选需要安装的组件：

​ babel：将ES6的语法转成浏览器可以执行的低版本js语法

​ Router：（必须）路由

​ Vuex： 可选

【第三步】选择Vue版本

【第四步】使用路由的 history 模式：

【第五步】把配置写到 package.json 文件中：

不保存本次的配置：

启动项目

安装成功之后，我们可以进行使用以下指令启动项目：

cd 项目名   // 进入项目目录
npm run serve   // 启动项目

总结

1 安装Vue-CLI的命令：npm install -g @vue/cli

2 创建SPA项目的命令：vue create 项目名字

3 运行SPA项目的命令：npm run serve