開發工具: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 ...