vue2.0 配置環境總結（都是淚啊）

　　最近有點空閒時間，終於把一直想學的vue提上了日程，如下是收集的一些幫助入門的連接

　　1：https://vuefe.cn/v2/guide/　　vue2.0中文官網

　　2：https://router.vuejs.org/zh-cn/index.html　　vue2.0路由中文官網

　　3：https://github.com/jsfront/src/blob/master/vuejs.md　　有一些不錯的vue插件，教程，視頻和學習資料分享

 

　　一些不錯的vue2.0博客分享：

　　1：http://www.javashuo.com/article/p-fabvdcgp-kg.html

       2：http://www.cnblogs.com/whocare/p/6528618.html

       3：http://www.imooc.com/article/14438

       4：http://www.cnblogs.com/AlexBlogs/p/7366051.html

 

 

　 

 　　以上就是我在入門學習vue2.0時看的一些東西，我主要跟着官網走，敲下代碼示例，採用直接下載 vue.min.js 並用  <script> 標籤引入的方式。

　　

　　 也能夠直接引用在線CDN，推薦使用國外的CDN，據說是由於國內的不太穩定

• BootCDN（國內） : https://cdn.bootcss.com/vue/2.2.2/vue.min.js

• unpkg（國外）：https://unpkg.com/vue/dist/vue.js, 會保持和 npm 發佈的最新的版本一致。

• cdnjs（國外） : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

 

　　下面進入正題，由於看到處處都是vue配置環境的介紹，而後本身也跟着試了一下，如下是個人流程：

　　1：首先安裝nodejs（建議到官網下載最新版本，最新版本已經內置安裝了npm）

　　　　https://nodejs.org/en/（英文官網，若是有須要，能夠對照中文官網查看）

　　　　http://nodejs.cn/（中文官網）

　　　　http://www.cnblogs.com/zhihou/p/6422704.html（一篇不錯的在Windows下安裝node.js和配置npm環境變量的文章）

 

 

　　2：安裝完node之後，就能夠直接用npm在doc環境下直接輸入全局指令安裝：npm install webpack -g 和 npm install vue-cli -g，

　　　 以下圖，若是出現相應的版本號，則說明安裝成功。不然，可能爲安裝成功。

　　　 注：這裏須要特別說明，查看vue版本號的時候，v要大寫，若是輸入小寫則會報錯，提示未知操做

　　　　　node -v（檢測是否安裝node.js）

　　　　　npm -v（檢測是否安裝npm）

　　　　　vue -V（檢測是否安裝vue）

　　　　　webpack -v（檢測是否安裝webpack）

　　　　　npm webpack -v（當上面命令無效時，使用該命令檢測webpacks是否安裝）

 

　　　

 

　　　另外，因爲 npm 安裝速度慢，推薦使用淘寶鏡像及其命令 cnpm，安裝指令：npm install -g cnpm --registry= https://registry.npm.taobao.org

　　　使用介紹：使用淘寶 NPM 鏡像

　　　至於慢的緣由，網上說是由於咱們用的npm服務器在國外致使的。（npm前面加c就表示使用淘寶鏡像安裝）

 

　　   最後輸入下圖箭頭所指的三句命令便可。(實際項目中，通常可省去cnpm install 或 npm install這一步驟，由於已經安裝了npm環境了)

　　  

 

 　　啓動成功之後會自動彈出下圖界面：

　　

 

　　

 

　　  我只講了個大概，具體的不少坑和一些細節的地方，無心中發現的一個博主寫的文章很不錯，強烈推薦你們看看，基本上遇到的一些坑都有講，比較全，分爲，上中下

　　  http://www.jianshu.com/p/1626b8643676  （上）

　　  http://www.jianshu.com/p/2b661d01eaf8   （中）

　　 http://www.jianshu.com/p/ec436222c608    （下）