近年來,Vue.js愈來愈火,緣由是它集各家之所長,比說說:它集React和Angular的優勢,更關鍵的是Vue.js自己就是由中國開發者開發的一款前端框架,全部不少中國朋友們看起來不會那麼費力。俗話說:「要想富,先修路。」,那麼想學習Vue.js首先就必須安裝好Vue.js開發環境以及瞭解一下Vue項目運行機制是如何,話很少跟着我一塊兒來跟Vue.js說:「Hello Vue.js」。前端
Vue.js 提供一個官方命令行工具,可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置,帶來現代化的前端開發流程。只需幾分鐘便可建立並啓動一個帶熱重載、保存時靜態檢查以及可用於生產環境的構建配置的項目。因爲Vue.js的命令行式安裝是基於node.js的全部說首先你要安裝一下node.js並且若是你的電腦是Windows版本的還有安裝一下git,這兩個東西能夠直接在1百度搜索,如何直接點擊運行安裝便可,很是簡單在此就不贅述。vue
1.安裝淘寶鏡像NPMnode
因爲npm的服務器在國外,全部國內用於在安裝Vue.js時使用npm命令會比較慢,在此推薦使用國內的淘寶鏡像NPM,以後咱們即可以使用cnpm代替npm極大地加快安裝速度。淘寶鏡像地址:(https://npm.taobao.org/) 直接在命令行中執行以下命令便可安裝淘寶鏡像NPM:
npm install -g cnpm --registry=https://registry.npm.taobao.orgwebpack
4.安裝依賴,走你git
使用cd命令切換到workspace中後,使用cnpm install命令安裝項目所須要的包依賴,執行以下命令:npm install。
5.執行.Vue文件web
由於在package.json文件中的dev屬性中就指明瞭.Vue文件的路徑,全部執行命令:npm run dev就能夠執行.Vue文件的Vue程序。 「工欲善其事,必先利其器」,讓咱們開始一步一步走進Vue.js吧!