一、環境準備:
先安裝node,npm會與node一起安裝到環境中。
node準備
npm準備
二、安裝環境
首先安裝ts的
為啥安裝它,ng2使用的開發語言是ts
接著安裝angular-cli,按照官方文件嗦的,這是個工具,能夠幫你快速建立ng2的工程,做個工程空架子吧,可以省很多事.
如果想用cnpm的話,可以走如下步驟
npm i -g cnpm|cnpm i -g @angular/cli三、angular-cli的使用
新建乙個專案:
ng new 專案名
生成檔案的目錄結構如下
然後啟動
cd angularproject然後在瀏覽器輸入預設的埠或者你設定的埠,就可以看到效果啦ng serve(預設埠4200) --port 4201 可是設定啟動埠
有的時候會報錯。
you seem to not be depending on "@angular/core". this is an error.執行
npm i-d然後重新啟動,就可以看到如下效果
就可以看到以下介面
利用cnpm進行外掛程式的安裝
npm i -g cnpm #安裝cnpm如果網路還是不順暢的話,安裝cnpm映象。cnpm version #檢視版本
cnpm i -g angular-cli #安裝angular-cli
cnpm install #安裝外掛程式
ng serve #啟動ng
由於眾所周知的原因, 的站點訪問經常不是很順暢,這裡給出乙個由**團隊維護的國內映象 。安裝好node後,請輸入npm config set registry
Angular2環境搭建
1 安裝nodev5.x.x或更高版本以及 npm3.x.x或更高版本 2 新建乙個目錄,如angular2,並放入相關配置項 package.json 用來標記出本專案所需的 npm 依賴包。tyconfig.json 定義了 typescript 編譯器如何從專案原始檔生成 j ascript ...
angular2 環境配置
看到angular發布正式版,心動不已準備測試下。看著官網教程,使用了cli建立專案,在命令列中鍵入 npm install g angular cli 如果安裝過以前的版本,請執行以下命令,進行更新 npm uninstall g angular cli npm cache clean npm i...
Angular2環境搭建具體操作步驟 推薦
01 安裝node.js 和 npm 安裝完成後,在命令列依次mpljpgal使用node v 和 npm v可以看到版本號。目前安裝的node.js版本為8.2.1 npm的版本為5.3.0 02 安裝cnpm npm需要連線谷歌伺服器,國內不能正常使用,因此使用 的映象安裝cnpm。命令列輸入n...