Angular2環境搭建

2022-03-23 12:42:19 字數 1620 閱讀 5367

一、環境準備:

先安裝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 version #檢視版本

cnpm i -g angular-cli #安裝angular-cli

cnpm install #安裝外掛程式

ng serve #啟動ng

如果網路還是不順暢的話,安裝cnpm映象。 

由於眾所周知的原因, 的站點訪問經常不是很順暢,這裡給出乙個由**團隊維護的國內映象  。安裝好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...