1. 程式人生 > >angular6.1專案檔案解釋

angular6.1專案檔案解釋

1.根目錄

1.1三大目錄

e2e目錄:是端到端(end-to-end)測試;
mode_modules目錄:是angular6.1專案所依賴的第三方模組庫檔案;
src目錄:這時放置了我們專案的所有檔案。

1.2其他檔案:

.editorconfig: 給你的編輯器看的一個簡單配置檔案
.gitignore: git 排除檔案
angular.json: angular cli 的配置檔案
package.json:npm 配置檔案,專案使用到的第三方依賴包
protractor.conf.js:執行 ng e2e 的時候會用到
README.md:專案的基礎文件
tsconfig.json:TypeScript 編譯器的配置
tslint.json:執行 ng lint 時會用到

2.根目錄下的src目錄

微信圖片_20180803142914.png

2.1 src下的三大目錄

app目錄:我們要編寫的專案檔案都在這個目錄下;
assets目錄:放置靜態資源;
environments目錄:環境檔案目錄;

2.2 其他檔案

browserslist:前端工具之間共享[目標瀏覽器]的配置檔案
favicon.ico:瀏覽器書籤欄中圖示
index.html:主頁面 HTML 檔案
karma.conf.js:執行 ng test 時會用到它
main.ts:應用的主要入口點
polyfills.ts: 膩子指令碼(polyfill)能把瀏覽器對 Web不同點進行標準化
styles.css:全域性樣式
test.ts:單元測試的主要入口點
tsconfig.app.json:TypeScript 編譯器的配置檔案
tslint.json:額外的 Linting 配置

3.根/src/app目錄

我們真正要編寫程式碼的檔案目錄,新建專案會預設在app目錄下建立幾個模組檔案:

 

微信圖片_20180803143350.png

app.component.css:元件css樣式檔案
app.component.html:元件html檔案
app.component.spec.ts:單元測試檔案
app.component.ts:元件typescript檔案
app.module.ts:模組檔案,用來全域性匯入宣告模組元件和服務等



作者:大鬍子111
連結:https://www.jianshu.com/p/3f378a639000
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。