別扯那么多有的沒的，務(wù)實(shí)點(diǎn)兒。

vue.js作者尤雨溪，現(xiàn)在是馬爸爸的人，國內(nèi)目前最火前端mvvm框架，他個人在維護(hù)更新！相對于angular和react，vue學(xué)習(xí)路線相對簡單，中文文檔資料相對詳細(xì)，容易上手，大膽實(shí)戰(zhàn)開發(fā)！

不支持ie低版本，誰他媽要兼容ie8，請把眼睛移到右上角，看見那個叉叉沒，點(diǎn)擊它。Now，go out? and? hurry up.

版本：@2.3.4

vue2和vue1的區(qū)別就是使用了虛擬dom(virtual dom) :相關(guān)面試題：虛擬dom的目的？使渲染更快，頁面效率更高。

第一步：下載并安裝vue環(huán)境。個人喜好npm，windows操作系統(tǒng)。蘋果和Linux可以找別的資源去吧！！老子一個前端，沒那么講究！

養(yǎng)成好習(xí)慣，詳細(xì)做筆記。以前寫過幾個學(xué)習(xí)項(xiàng)目，什么php搭建一個博客呀，用戶留言系統(tǒng)呀；什么angularJs模仿網(wǎng)易云音樂呀；什么react虛擬app呀；甚至還有mui的東西，學(xué)的時候當(dāng)個寶兒，學(xué)完之后就扔掉，最后特么有機(jī)會遇到當(dāng)時寫過的代碼可以復(fù)用，發(fā)現(xiàn)不知道項(xiàng)目怎么跑起來了?。。?/p>

所以做好筆記，日后好復(fù)習(xí)！

1，跟我一起操作，在桌面新建一個文件夾，取名vue2，然后打開文件夾，新建一個day01。

2、命令行進(jìn)入day01 目錄。cd c:vue\day01

3、安裝node(后面的路徑，按照電腦位數(shù)自己選擇安裝，不會請問度娘。)(https://nodejs.org/en/)

4、命令行輸入：npm init --yes ：在工程目錄下就會生成一個package.json文件

5、命令行輸入：npm install vue --save：安裝最新版本的vue。如果遇到安裝問題，可能需要一個淘寶鏡像，安裝：npm config set registry https://registry.npm.taobao.org。配置后可通過下面方式來驗(yàn)證是否成功 npm config get registry或 npm info express。

6、安裝完成后：打開文件夾會有一個node_modules文件夾，打開找到里面的vue下面的dist文件夾。copy vue.js 和vue.min.js。新建一個文件夾，js>復(fù)制進(jìn)去，其他的就都刪除掉吧。

7、hello world?

別偷懶，照著寫一遍、程序員別太依賴提示大法和cv大法。這是不對的！

8、運(yùn)行之后打開控制臺，為了更好的使用vue，谷歌提示你安裝一個測試工具。點(diǎn)擊鏈接進(jìn)入github。下載安裝！鏈接: https://pan.baidu.com/s/1qXDDr9E 密碼: xatb。下載之后解壓，打開谷歌瀏覽器開一個新界面：地址欄輸入：chrome://extensions/。直接將文件拖入，成功之后打開hello world?？吹接疑辖怯幸粋€vue標(biāo)志就成功了！

9、現(xiàn)在我們需要明白，這是開發(fā)環(huán)境，開發(fā)環(huán)境可以調(diào)試，但是生產(chǎn)環(huán)境上我們是不能允許別人調(diào)試的。我們需要知道一個控制這個工具的方法。

Vue.config.devtools = false;//默認(rèn)是true,但是生產(chǎn)環(huán)境需要關(guān)閉。

Vue.config.productionTip = false;//默認(rèn)是true，但是生產(chǎn)環(huán)境我們需要關(guān)閉。這是提示信息！

那么我們就算入門了，hello world 已經(jīng)成功了。如有疑問可以向我提問，如果我看到了一定幫你。