Angular踩坑之路：設置開發環境

   

    接觸前端開發已經一年多了，這一年多來前端開發是HTML+JQuery+CSS，沒有用到當下流行的MVC、MVVM前端開發模式。最近開始學習angular，看到官網上已經發布到4.0的版本了，目前基於4.0版本開始學習。

    學習angular的第一步是設置開發環境，就是安裝Node.js和npm，根據本身電腦的window版本和操做系統類型從 http://nodejs.cn/download/ 下載安裝包。安裝的過程網上有不少說明，這裏就很少說了，僅僅記錄一下我遇到的問題。

    我家中的筆記本電腦的操做系統是win10 64位的，安裝好最新版本的Node.js和npm後，根據網上的教程配置了npm安裝的全局模塊所在的路徑，以及緩存cache的路徑（參考：http://www.jianshu.com/p/03a76b2e7e00）。安裝完畢後，裝個express模塊試一下，使用npm安裝express模塊時報錯：

         

    這個錯誤解決辦法是在win8或者win10下，在開始菜單中選擇command以管理員身份運行。（參考：http://blog.csdn.net/zhangshufei8001/article/details/51777370）

  

    當時在公司安裝express時也遇到了一點問題，這裏也順便記錄一下。公司的電腦是32位的win7，由於公司是經過代理服務器鏈接到互聯網的，因此要配置一下npm的代理：

    npm config set proxy http://server:port   

   好了，繼續根據angular中文官網上的提示安裝angular cli，建立一個新的項目，建立完項目後發現項目中沒有node_modules文件夾，看到網上其餘人說進入項目所在路徑，執行：npm install，便可安裝那些npm包了。後面繼續跟着官網上的指示操做就沒有問題了。

   開發angular的編輯器我選擇了sublime text3，sublime text3支持安裝angularJS插件。首先安裝sublim中的package controller：在sublime中ctrl+`打開控制檯，輸入如下命令

    import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

    以上代碼是針對sublime text3的，詳見 https://packagecontrol.io/installation，若是在Perferences中看到package control這一項，則安裝成功。

    而後使用package controller安裝插件：sublime-->Perferences-->package control，輸入install 調出 Install Package 選項並回車。這裏我又遇到問題了，sublime老是給我報Package Control:There are no packages available for installation的錯誤，我在網上找了很久，網上給出的解決方法大多爲如下幾種：

    一、在「Perferences」->「package settings」->「Package Control」->「user setting」裏設代理（由於我在公司是用代理服務器上網的），可是試了沒用
          "http_proxy": "http://server:port",
          "https_proxy": "http://server:port",

    二、打開C:\Windows\system32\drivers\etc\hosts文件，增長以下對應關係，這個也試了，也不能解決問題
         #to solve sublime Text IPv6
           50.116.33.29 sublime.wbond.net
         #end

    最後仍是在知乎上找到了解決辦法：https://www.zhihu.com/question/36233553/answer/93220171，參考韓知辰的回答，能夠解決個人的問題，在這裏表示萬分感謝！具體操做：去https://packagecontrol.io/Package%20Control.sublime-package下載Package Control，打開sublime->Perferences->瀏覽插件（程序自動打開插件目錄），刪除Package Control目錄，把剛下載的插件Package Control.sublime-package複製過來，重啓sublime就行了。

    折騰了許久，才把環境搭建好，接下來就能夠開始學習angular了！