??

vue.js? ?? ??? ??????? ???? ? ??? ? ?? ?????? JS ????????. ????? ???? ?? Angular, React, Vuejs? ??? ?????? ?? ? ?? ???? ??? ??? ?????. ???? ???? ?? ? ?? ?? ??? ???? ?? ?????. ??? ?? ???? ?? ??? ???????. ????, ?? ?? ????? ???? ?? ????? ??? ??? ?? ??? ?????.

vue.js

??? vuejs? ?? ??? ?? ?? webpack? babel? ?????. ???? ???? ?? ???? ??? ?? ??? ?? ????? ?? ??????. ??? vue.js? vue-cli?? ??? ?????. ?? ??? ??????? ?? ??? ??? ???? ? ??? ? ????. ????? ???? ?? ??? ? 1? ?? ?????.

???? ??? ??? ? ????.

? ???. ?? ?? ??? ????? ? ???? ?? ??

?? ?? ??.

ES6 ?? ??

?? ??

???? ????? ????? vue-cli? ???? ???.

vue-cli ??

$ npm install -g vue-cli

?? ?? ??

? ???

$ node -v

v5???.

$ npm -v

3.10.6

??? ?? ??? ?? ?? ??? ??? ?? ? ????. ? ?.

? ???? ??

??:

$ vue init webpack my-project

? ?? ???? webpack? "webpack" ???? ???? vuejs ????? ????? ?????. ? ???? webpack ???? ??? ?????.

??? ???? ?????? ? ??? js, css, ???? ?? ??? js ??? ???? ? ?? ??? ????, ??? ??? ??? ???? ?????? ??? ??? ??? ? ????. ??? webpack? Vue ??? ??? ??? ? ????? vue-loader? ???? ?? ??? ????, Vue ??? ??? ????? ??? ? ?? js ??? ?????.

?? ???? ?? ?? ??: vue init ??? npm? ?????. npm ?????? ?? ???? ?????. ~/.npmrc? ???? ?? ??? ???? ???. >

? ??? ?? ? ??? ??? ? ????.

registry = https://registry.npm.taobao.org

?? ?? ??? ???? ??? ????.

webpack - webpack ? vue-loader ????? ?? babel? ???? .vue ??? ???? ??? ? ?? js ??? ???? ? ????. ??. ? ??, ?? ?? ? ???? ????? ??? ? ????.

webpack-simple - ?? ??? ?? ? vue-loader ???????.

browserify - Browserify + vueify? ??? ?? babel? ???? .vue ??? ?????? ??? ? ?? js ??? ???? ? ????. ? ??, ?? ?? ? ???? ????? ??? ? ????.

browserify-simple - ?? ??? Browserify + vueify ???????.

????? webpack? browserify? ??? ???? ? ? ??? ??? ??? ? ????. ??? webpack? ??? ?? ?? ?? ????? ??? ?? ????? ???? ????. ??? ???? ?? ?? webpack? ??? ???.

???? ?????

$ cd my-project
$ npm install
$ npm run dev

http://localhost:8080?? ???? ??? ?????.

vue ?? ??

vue ??? ???????. ?, css, html, js? ?? ??? ??? ?? ??? ???? ????. ??? ? ? ??? ?? ???? ???? ????? ????? ???? ?? ????.

?? ?? ?? ??

??? ??? ???? ??? ??????. ????? ???? ???? .vue? ?? vuejs ?? ?? ??? ???? ?? ??? ???? ?? ?? ??? ??? ? ????. ??? ???. ? ????? vue-syntax-highlight?? ?? vuejs?? ????? ?????. github.com? ????. Sublime ??? ????? ???? ???. ? ????? Sublime ??? ????? /Users/lcj/Library/Application Support/Sublime Text 3/Packages??? ?? ?????

cd /Users/lcj/Library/Application\ Support/Sublime\ Text\ 3/Packages
git clone https://github.com/vuejs/vue-syntax-highlight

? ?? ??? ? ????. . ??? ?? ? ???? .vue? ?? ???? ?? ?????? ?????.

View vue

src/hello.vue? ?? ?? ??? ?? ?? ??? ????. ??:

??? ? ???? ???? ????.