使用淘寶鏡像cnpm安裝Vue.js

簡介：

Vue.js是前端一個比較火的MVVM框架， 是一套構建用戶界面的漸進式框架。

Vue 只關注視圖層， 採用自底向上增量開發的設計。

Vue 的目標是經過儘量簡單的 API 實現響應的數據綁定和組合的視圖組件

安裝方式：

第一種：使用npm，比較適合比較大型的應用，因爲npm是國外的，使用起來比較慢；

第二種：使用淘寶的cnpm鏡像來安裝vue；

步驟：

首先咱們須要下載npm,安裝好了node.js，就安裝了npm。而後，再利用npm安裝淘寶鏡像的cnpm。

一、打開cmd，輸入命令  

      npm install -g cnpm --registry=https://registry.npm.taobao.org

     安裝Vue須要npm的版本大於3，因此咱們先升級一下npm，輸入命令

     cnpm install cnpm -g

     安裝vue，輸入命令

     cnpm install vue

     安裝vue-cli，輸入命令

     cnpm install --global vue-cli

    

     這時，環境已經搭建好了。

二、指定存放項目的路徑，運行命令

     vue init webpack "項目名稱"

     進入項目所在的目錄，運行命令

     cd "項目所在文件夾「

     而後依次執行下面的命令

     cnpm install

　

     cnpm run dev

   

   中間省略部分截圖。。。。

   

    成功後咱們進入瀏覽器，輸入localhost:8080會展現下面的頁面。

   

項目目錄：

（1） build // 項目構建(webpack)相關代碼
　　build.js // 生產環境構建代碼
　　check-versions.js // 檢查node&npm等版本
　　dev-client.js // 熱加載相關
　　dev-server.js // 構建本地服務器
　　utils.js // 構建配置公用工具
　　vue-loader.conf.js // vue加載器
　　webpack.base.conf.js // webpack基礎環境配置
　　webpack.dev.conf.js // webpack開發環境配置
　　webpack.prod.conf.js // webpack生產環境配置
（2）config// 項目開發環境配置相關代碼
　　dev.env.js // 開發環境變量
　　index.js //項目一些配置變量
　　prod.env.js // 生產環境變量
（3）node_modules// 項目依賴的模塊
（4）src// 源碼目錄
　　assets// 資源目錄  logo.png
　　components// vue公共組件   Hello.vue
　　router// 前端路由  index.js// 路由配置文件
　　App.vue// 頁面入口文件（根組件）
　　main.js// 程序入口文件（入口js文件）
（5）static// 靜態文件，好比一些圖片，json數據等
　　.gitkeep
（6）剩餘
　　.babelrc// ES6語法編譯配置
　　.editorconfig// 定義代碼格式
　　.gitignore// git上傳須要忽略的文件格式
　　index.html// 入口頁面
　　package.json// 項目基本信息
　　README.md// 項目說明

 備註：這是我邊學習邊總結，若是有錯誤，歡迎你們指出，我會及時改正，謝謝！