1. 環(huán)境搭建
安裝 node.js
安裝 webstorm,或者vscode
cmd 到nodejs安裝目錄下執(zhí)行命令 npm install cnpm
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? cnpm install -g @angular/cli@latest
?augular/cli安裝需要翻墻橘蜜,使用cnpm 安裝
注:cnpm如果不是內(nèi)部命令,配置環(huán)境變量 cnpm.cmd所在路徑
????node版本不能過低。node8以上不兼容node-sass?
????cd 到項目目錄下執(zhí)行npm i node-sass -D
如果安裝失敗蔫磨,執(zhí)行卸載語句:npm uninstall -g @angular/cli
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? npm cache clean
查看版本 ng version,出現(xiàn)下面就說明安裝成功了
ng new project_name ,project_name是你的項目名
生成組件的命令 ng g component home
2.Augular 應(yīng)用的文件目錄
e2e :自動化測試,
src:應(yīng)用源代碼目錄
.editorconfig:webstrom 的配置文件
.gitignore: git 的配置文件
.angular-cli.json:augular命令行工具的配置文件
karma.conf.js:單元測試的執(zhí)行器
package.json:npm 配置的文件穷吮,應(yīng)用的第三方依賴包
protractor.conf.js :自動化測試的文件
tslint.json :檢查typescript的語法檢查的配置文件
Src/app :應(yīng)用的組件和模塊
Src/Assets: 存靜態(tài)資源
Src/Environments:環(huán)境配置(生產(chǎn)環(huán)境和測試環(huán)境线椰,開發(fā)環(huán)境)
Src/index.html? 整個應(yīng)用的根頁面
Src/main.ts? 整個應(yīng)用腳本執(zhí)行的入口點
Src/styles.css? 應(yīng)用全局的css
Src/test.ts 自動化測試