我爱编程前端Vue专辑程序员

初步了解vue.js

2017-03-30  本文已影响0人  SplendorZhang
一、开发工具:VSCode, WebStorm, Sublime
二、开发环境:Node.js, Npm, Cnpm, Webpack, ES6
三、框架: Vue.js, Element UI
四、文档:

http://doc.vue-js.com/v2/guide/index.html

五、资源:

开源项目:http://www.cnblogs.com/opendigg/p/6513510.html
VSCode插件:http://www.open-open.com/lib/view/1487752358536

六、基础概念:

1、Node.js:

Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。
Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。

Node.js的优点:

2、Npm:

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

npm is the package manager for JavaScript and the world’s largest software registry. Discover packages of reusable code — and assemble them in powerful new ways.
官网:https://www.npmjs.com/

3、CNPM:
CNPM是淘宝的NPM镜像,由于在国内网络环境访问NPM不便,所以用CNPM代替NPM
官网:http://npm.taobao.org/

4、Webpack:

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。
官网:http://webpack.github.io/

5、ES6:

CMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。
ES6特性:

6、Vue.js

vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
官网:http://doc.vue-js.com/v2/guide/index.html

7、Element UI:

由饿了吗开源,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。
官网:http://element.eleme.io/

上一篇 下一篇

猜你喜欢

热点阅读