2018-11-29

vue的脚手架（即vue的环境）：vue cli（3.x）

node.js是服务器端运行的js   googleV8内核（类似于Java python  php）

前端用node.js搭建一些比较复杂的项目

npm   一个下载器和包管理器（各种js插件）

cnpm  中国版的npm

下载vue

配置脚手架

    继续enter

成功

C:\>cd xmi

C:\xmi>npm run serve（跑一下）

将项目文件拖进Hbulider

在浏览器输入http://localhost:8080查看HelloWorld.index

创建项目的另一种方法

npm run serve         在本地启动一个服务器，并启动vue

localhost：8080

package.json      包的配置文件

babel.config.js       babel  es6转es5的配置

src            项目源文件目录

public        项目打包上线目录

node_modules      项目需要的插件或者安装包

--assets           图片 视频等资源存放地址

--components       组件存放地址

--views            页面级别组件存放地址

--App.vue        根组件

--main.js          主js

--router             路由配置js

--store               状态库存放地址

单页面应用

所有的页面都在一个html文件里面

通过哈希值  #后面的内容来切换页面

避免了很多重复的html css js的加载

减少http请求，大部分内容通过ajax加载进入页面，对seo不是非常友好

angular，react，vue都是做单页面应用的js  MVVM框架