2018-11-29

2018-11-29  本文已影响0人  旺旺小小酥6

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框架

上一篇下一篇

猜你喜欢

热点阅读