vue的使用配置

個人編輯器是webstorm，雖然佔內容佔資源， 可是用起來很方便， 剛開始接觸的時候就是用這個軟件，很喜歡。

vue的教程

一、http://www.jianshu.com/p/5ba253651c3b 

二、續集http://www.jianshu.com/p/9c52ba3113da 

剛開始配置就是這裏學習的，仍是比較詳細，新入門的同窗能夠看看。

 

vue基本配置

我以爲不少配置對剛入門的同窗來講是不必的，若是剛開始瞭解的話能夠直接引入vue在線連接包，就是普通的編輯器像notepad++就能夠學習了，

若是想有必定格式化的學習的話， 下載一個webstorm慢慢學習，建立一個webpack開始。

 

 

vue webpack 建立 （簡版）

1。安裝淘寶鏡像

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

2.安裝webpack

cnpm install webpack -g

3.安裝vue腳手架

npm install vue-cli -g

4.在硬盤上找一個文件夾放工程用的，在終端中進入該目錄

cd 目錄路徑

5.根據模板建立項目

vue init webpack-simple 工程名字<工程名字不能用中文>
或者建立 vue1.0 的項目
vue init webpack-simple#1.0 工程名字<工程名字不能用中文>

6.安裝項目依賴

必定要從官方倉庫安裝，npm 服務器在國外因此這一步安裝速度會很慢。

npm install

7.安裝 vue 路由模塊 vue-router和網絡請求模塊 vue-resource（路由的話剛開始學習不必定用得着，可是能夠一塊兒安裝，慢慢就熟悉了）

cnpm install vue-router vue-resource --save

8.啓動項目

npm run dev

9.缺什麼npm install 什麼（這是在之後的學習過程當中或者和別人對接項目的時候，npm run dev 有時候報錯是由於依賴缺乏， 安裝一下就好了）

 

10.

npm install node-sass --save-dev

npm install sass-loader --save-dev   

這兩個是要使用scss的時候安裝的，熟悉了就就會以爲傳統的css很麻煩了，建議學習

 

（結束語：這是個人第一篇文章，寫得有些倉促，由於剛加入工做大半年，一直忙着趕項目，因此不多有時間靜下心去概括知識，上面的都是之前的筆記拼接起來的，可能不是那麼容易懂，之後有了很好的思路會更新的）

（ps: 若是有剛加入前端這個行業的，比較迷茫的同窗，歡迎進羣交流，剛建立的，或許只有我一我的，可是我會經全力幫助你或者互相學習的，相信將來會更好

羣名稱：web技術交流羣（往全棧發展的）

羣   號：815957915

）