我們在前端學習中，學會了html、css、js之後一般會選擇學習一些框架，比如jquery、angularjs等。這個系列的博文是針對於學習vue.js的同學展開的。
1.如何簡單地使用vue.js
當然，和jquery一樣，vue.js也可以使用cdn的形式引用在**當中。在bootcdn**中直接複製**貼上就可以了，簡單方便。
2.vue環境搭建
我們在用 vue.js 構建大型應用時推薦使用 npm 安裝， npm 能很好地和諸如 webpack 或browserify 模組打包器配合使用。 vue.js 也提供配套工具來開發單檔案元件。
vue.js的推薦開發環境為nodejs。npm:為nodejs下的包管理器。由於國內使用npm會很慢,這裡推薦使用**npm映象（其**為我們使用webpack進行資源的合併和打包以及使用vue-cli進行使用者生成vue工程模板。
那麼，我們著重的講解一下如何搭建乙個合適的環境。
（1）如何安裝nodejs
（2）安裝cnpm
由於有些npm有些資源被遮蔽或者是國外資源的原因，經常會導致用npm安裝依賴包的時候失敗，因此要麼fq要麼就使用國內映象cnpm。開啟我們可以了解到這是乙個完整npmjs.org 映象，可以用此代替官方版本(唯讀)，同步頻率目前為 10分鐘 一次以保證盡量與官方服務同步。
同樣在命令列中輸入 npm install -g cnpm --registry= 然後等待。
安裝完成之後，我們輸入cnpm -v檢測，當顯示下圖時為安裝成功。
（3）安裝vue-cli
vue-cli是一種全域性腳手架用於幫助搭建所需的模板框架，同理在cmd中輸入命令:npm install -g vue-cli。在這一段**中-g是為了全域性使用的意思。與cnpm樣，安裝完成後會顯示一長串的檔案，輸入 vue -v可以檢視vue版本。此時，環境已經基本搭建成功。
（4）測試，建立第乙個vue.js專案
在命令列中輸入：vue init webpack my-first-demo(專案資料夾名)。
此處以及以後的設定可以輸入，也可以直接按回車和n。
這樣，第乙個vue.js專案就建立完成。開啟相應的儲存位址就會看到這個檔案，我的放在可user/倫倫/的下面。
通過輸入cd my-first-demo就可以進入目錄具體資料夾命令列中輸入：cnmp install或者npm install安裝依賴包。重新開啟路徑下的資料夾，我們可以看到資料夾中比之前的資料夾多了乙個node_modules資料夾，到此腳手架安裝完成。
（5）在命令列中里輸入：npm run dev。
此命令會用熱載入的方式執行我們的應用，熱載入可以讓我們在修改完**後不用手動重新整理瀏覽器就能實時看到修改後的效果。
這裡簡單介紹下 npm run dev 命令，其中的「run」對應的是package.json檔案中，scripts欄位中的dev，也就是 node build/dev-server.js命令的乙個快捷方式。專案執行成功後，瀏覽器會自動開啟localhost:8080（如果瀏覽器沒有自動開啟，可以手動輸入）。執行成功後，會看到如下所示的介面。此時，任務完成。
搭建第乙個Vue專案
如果沒有什麼問題的話，nodejs安裝成功後會將npm 包管理工具 自動新增至系統的環境變數。開啟cmd，輸入命令 npm v 我的結果如下，表示安裝成功，npm已新增至系統環境變數 npm畢竟是國外的，抽風是極有可能的。所以可以使用taobao的替代產品cnpm。安裝方式為在cmd中輸入如下 np...
建立第乙個Vue專案
1.開發工具的安裝 visual studio code,安裝對應的外掛程式,除錯用chrome瀏覽器,瀏覽器上安裝vue除錯的外掛程式,3.學習 菜鳥教程,w3school,vue官網.建立乙個vue專案步驟 一種純命令列的方式建立,另一種是ui介面的方式建立vue專案 菜鳥教程有純命令列的方式建...
建立第乙個vue專案
1，配置node環境 2，開啟cmd切換到node安裝目錄，安裝vue cli vue cli會自動按照專案結構在你本地初始化乙個專案，當然不用該工具，手動建資料夾配置js等也可以的，但是vue cli 一行命令就自動生成了多方便呢 npm install vue cli g3，切換到工作目錄，在該...