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 自動化測試
