vue的vue-cli3脚手架

1.基础和安装

cli3：就是相当于一个地基，快速搭建项目的基础配置。

首先安装node.js 然后安装淘宝镜像npm install -g cnpm +镜像地址

 安装淘宝镜像是为了让淘宝去下那些对应的包或者资源。基本来自国外，通过淘宝镜像去下载会更快。

安装脚手架。npm install -g @vue/cli     vue -v看脚手架版本

2.快速原型开发

vue serve 

vue build

先安装全局扩展：npm install -g @vue/cli-service-global 全局的服务。

作用：运行出来浏览器所识别的html css文件  -g表示全局

步骤：

先初始化：npm init  生成package.json文件

再安装第2步的扩展

补充：注意版本， vue --version查看版本 低于3的就卸载重装。不然 vue serve无效。

然后可以直接通过vue serve运行 这样就完成了组件化的开发。

3、通过vue-cli3生成项目

vue create 项目名 创建新项目
可以下载这个组件Vue VSCode Snippets 和vetur 

vbase可以快速生成页面

项目其他不再赘述。

4.vue-router

vue+vue-router能构造单页应用 SPA，相当于一个a标签，切换不同的视图。

每一个页面都是一个.html文件即为多页应用 MPA SEO优化

如果用户较多，多页还是会更好。

4.1 安装然后use 可直接在官网查看