angular2 cli 環境搭建

2022-09-04 11:54:10 字數 1270 閱讀 4485

開發工具:windows ,vscode, npm, 

前提:安裝nodejs

nodejs 模組全域性安裝路徑配置:我的另外一遍)

1.全域性安裝angular-cli:    npm install angular-cli -g

npm 設定**映象 : npm config set registry ""

2.檢視是否安裝成功: ng -v

3.使用cli 新建專案工程 ng new project-name

4.生成專案結構圖:

e2e ------------------------------用於測試(本文對於測試不會涉及)

node_modules------------------存放依賴包的地方

src--------------------------------存放源**

environments----------------環境

environment.prod.ts----生產環境

environment.ts----------非生產環境

index.html-------------------宿主頁面

mian.ts-----------------------程式引導

tsconfig.json-----------------編譯配置

angular-cli.json--------------angular-cli配置

package.json----------------依賴包以及npm的命令

6.執行程式 ng serve  在瀏覽器上輸入localhost:4200

7 在ng serve 後面加上 --prod -aot  重新執行

(ng serve --prod --aot)     與之間的對比  (ng serve) size會小一些

angular2基礎環境搭建

搭建環境前提 node和npm要安裝好了。搭建環境步驟 在搭建環境步驟裡,要建立乙個package.json檔案,裡面描述的是一些命令,還有我們angular2專案要引用的一些包。而包的安裝就用到了npm包管理器。使用 npm install 就能夠自動安裝我們需要的一些包,不需要我們再乙個乙個的找...

Angular2環境搭建

一 環境準備 先安裝node,npm會與node一起安裝到環境中。node準備 npm準備 二 安裝環境 首先安裝ts的 為啥安裝它,ng2使用的開發語言是ts 接著安裝angular cli,按照官方文件嗦的,這是個工具,能夠幫你快速建立ng2的工程,做個工程空架子吧,可以省很多事.如果想用cnp...

Angular2環境搭建

1 安裝nodev5.x.x或更高版本以及 npm3.x.x或更高版本 2 新建乙個目錄,如angular2,並放入相關配置項 package.json 用來標記出本專案所需的 npm 依賴包。tyconfig.json 定義了 typescript 編譯器如何從專案原始檔生成 j ascript ...