vue搭建環境

   大早起的，沒想本身起來那麼早，既然起來了，就寫點東西吧~最近在看Vue的東西，發現網上也是好多的資源，包括博客和視頻 ， 我是看的慕課網上的vue ，名字忘記了，價格148的，看了，也整理了筆記，看了好多人博客去學習語法，知識，本身練習，但仍是會忘，腦子真的老了，老想着整理到博客上，一直想，歷來沒開始，哈哈哈~今天算是開始了，也是給本身個目標吧，言歸正傳，說咱們的vue

    這個文章呢，不涉及具體的vue語法，我的感受官網上很是的詳細，能夠反覆學習，練習，鏈接奉上https://cn.vuejs.org/v2/guide/ ， 構建本身的開發環境如今開始。

一  環境須要安裝node ， 給出下載地址 http://nodejs.cn/download/

   本人電腦Windows系統，所以如下全部的輸入都是在此係統下的

如圖，選擇本身的電腦匹配的 ， 哈哈哈，若是不知道本身電腦多少位的，退到桌面，右擊‘計算機’選擇屬性 ，查看便可 【前面的廢話本不想寫 ， 我是真的遇到不知道怎麼看的】

下載完事以後 ， 就是安裝了，傻瓜式的下一步，安裝成功，在cmd裏驗證是否安裝成功，看下圖

二 正式搭建本身的vue項目環境

 1 ， 淘寶鏡像

  npm是安裝東西的會比較慢 ， 一般會安裝淘寶鏡像，具體方法以下

在cmd中輸入  npm install -g cnpm --registry=https://registry.npm.taobao.org ， 接下來就等待，安裝成功。

接下來的安裝東西的輸入npm均可以用cnpm代替了 ， 兩種方法看本身有沒有安裝淘寶鏡像成功，一是傻瓜是的用cnpm安裝東西，提示錯誤 ， 二是cmd輸入 npm config get registry 或者 npm config list ，查看本身的配置

須要說明的是，安裝淘寶鏡像不是必須的，若是安裝失敗，接下來的命令用npm是同樣的 ， 就是速度會慢一點

2 安裝webpack

cmd輸入  cnpm install webpack -g     安裝webpack打包工具 ，-g是全局安裝的意思，等待便可

3 安裝vue 

cmd輸入 cnpm install vue  等待安裝成功

4 安裝vue腳手架工具 

cmd輸入   cnpm install vue-cli -g 等待安裝成功

以上都安裝好了~那麼咱們的準備工做已經就緒 ， 說明的是，安裝過程當中，失敗的話，從新安裝一次，或者卸載node，所有再來一次 ， 話說本人也是不知道安裝了多少次，哎~環境這個東西，出現的問題，千奇百怪的

下面接下來的重點，構建本身的項目了

三 構建項目目錄

安裝工具的步驟，全部的命令都是在c盤下的

 

，下面構建項目的目錄我選擇的是E盤 ，固然，在剛纔的也是能夠的，在其餘盤好找一些，根據我的喜愛 ，

1 ，我在E盤新建了一個命名爲mkw的文件夾  

cmd 進入該目錄 輸入   vue init webpack my-project   

說明 my-project 是你的項目名字 ，本身起的。能夠變化的

 

 說明：上面的紅框裏的東西能夠忽略 ， 下面有個選擇n的  Use ESLint to lint your code? 最好選擇n，意思是是否選擇eslint語法檢查 ， 選擇y的話，你運行項目時會莫名的報錯，例如代碼縮進不對， 空格等都會報錯

其餘的就無所謂了 安裝成功，咱們的目錄下回出現新的文件夾，如圖

各個文件暫時先不講 ， 之後單獨整理

2 ， 剛纔不是新建一個叫wfq的項目嘛，cmd 進入該文件夾  輸入 cnpm install

等待便可 

3 運行 ，上面的安裝好 ，在cmd中輸入 cnpm run dev  或者 cnpm run build 都是編譯 前者是開發環境，後者是發佈時須要執行的命令

會出現以下圖所示，表明構建你本身的vue開發環境成功，

 

 

 

接下來就能夠對着官網，看知識，敲代碼，在vue裏暢遊了。沒安裝成功的話，也彆着急，能夠先學習基礎語法，慢慢來~環境搭建的多了~天然就會了

能夠去菜鳥教程，發現很不錯http://www.runoob.com/vue2/vue-install.html

說明的是 ，本身之前別提多菜了，記得一年前，實習的時候，安裝這個，竟然安裝一天都沒解決，嗚嗚~~腦子笨啊，

之前遇到過全部的安裝工具都好的，構建項目的時候不對，把node從新安裝一下就行了~緣由是位數不對 ， 我也以爲神奇，本身電腦64位的，安裝的64位不能用，給你們提個醒

項目中會安裝插件，入ruoter ， vuex等 ， 這些先不說，之後再說。多敲代碼，網上的資源已經夠多的了，缺的是本身的吸取轉化，腳踏實地一步步的來~一口吃個胖子是不現實的。