使用vue-cli搭建SPA项目

目录

一、如何使用vue-cli搭建SPA项目

1、什么是Vue-cli

 2、安装vue-cli步骤

 3、搭建项目

4、spa的访问过程

5、文件格式

二、如果在spa项目中使用路由

三、嵌套路由的使用

---

一、如何使用vue-cli搭建SPA项目

1、什么是Vue-cli

 vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：         

   vue init webpack xxx                    

   注1：xxx 为自己创建项目的名称

   注2：必须先安装vue,vue-cli，webpack，node等一些必要的环境

 2、安装vue-cli步骤

打开黑窗口，分别输入以下两个指令

npm install -g vue-cli

npm install webpack -g

当安装完成后，会在昨天创建node_global文件夹中出现以下文件

 然后打开打开命令窗口并输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。

 3、搭建项目

①、先在随便在其中一个盘创建一个文件夹，然后在该文件夹中打开命令窗口并输入该指令 vue init webpack spa1