??今天簡單介紹一下Angular2工程搭建好后,目錄中的各個文件。官方請參考這里。官方文檔是有一點落后的。
請注意,創建的項目都是用TypeScript開發的
文件主目錄.png
下面主要介紹一些目前這個學習階段我們需要知道的文件
src/app:和我們新手開發主要相關的文件主要就是/app文件夾。我們寫的各個模塊、組件的代碼都要放在這里。
src/assets:這里存放著我們需要的各個靜態資源,比如你的圖片、聲音,樣式和字體,還有你需要調用的一些api。
favicon:這是訪問站點時瀏覽器標簽欄顯示的圖標。
index.html:項目的入口頁面,整個項目就是這一個頁面,Angular2在頁面里切換顯示不同的組件,我們就看到了不同的頁面。
src文件夾
src/app:和我們新手開發主要相關的文件主要就是/app文件夾。我們寫的各個模塊、組件的代碼都要放在這里。
src/assets:這里存放著我們需要的各個靜態資源,比如你的圖片、聲音,樣式和字體,還有你需要調用的一些api。
src/environments:這里存放著你的打包項目時所用的環境配置。打包時可以選擇開發方式,也可以選擇正式產品方式,對于不同的方式的環境配置文件。
favicon:這是訪問站點時瀏覽器標簽欄顯示的圖標。
index.html:項目的入口頁面,整個項目就是這一個頁面,Angular2在頁面里切換顯示不同的組件,我們就看到了不同的頁面。
main.ts: 用于整個項目的模塊引導,無需修改。
polyfills.ts:用于解決瀏覽器兼容問題。
style.css:這是應用的全局樣式,寫的樣式會在整個項目中有效。
test.ts:測試入口文件
tsconfig.json: TypeScript的配置文件為 TypeScript 編譯器指定如何將TypeScript 代碼轉換為 JavaScript 文件,用來在所有現代瀏覽器中運行。
主文件夾
angular-cli.config:angular-cli的配置文件
karma.conf.js:karma測試運行的配置文件
package.json:指定了項目的依賴包,同時可以指定一些命令腳本
protractor.conf.js:protractor端到端(e2e)測試器運行的配置文件
tslint.json:利用npm安裝的 TypeScript 語法檢查器 (linter)
以上就是文件的一些介紹