node.js安裝
安裝NodeJS
官網地址: http://nodejs.cn/download/
下載相應的安裝包, 安轉.
npm check
由于新版的NodeJS已經集成了npm,所以之前npm也一并安裝好了。可以使用cmd命令行中鍵入 npm -v查看npm版本號,進行檢查是否安裝成功.
若沒有安裝npm
安裝淘寶鏡像 :npm install
npm install -g cnpm --registry=https://registry.npm.taobao.org
淘寶鏡像安裝更快方法:
將.npmrc 文件放在本電腦C:UsersAdministrator 路徑中去
.npmrc 文件內容為:
registry=https://registry.npm.taobao.org/
ELECTRON_MIRROR=http://npm.taobao.org/mirrors...
SASS_BINARY_SITE=http://npm.taobao.org/mirrors...
安裝Angular Cli
打開cmd
輸入命令行:npm install -g @angular/cli
若需設置代理
npm config set proxy=http://server:port
npm config set registry=http://registry.npmjs.org
npm config set proxy http://username:hyron206@server:port
npm confit set https-proxy http://username:password@server:port
npm config delete proxy
npm config delete https-proxy
angular新建項目
D:angularTest>ng new myProj
ng new myProj --style=scss / --style=sass ,--less(樣式文件格式)
--routing(會在app文件中生成app-routing.module.ts配置文件)
即:ng new myProj --routing=true --style=less
cd到新剛才創建的項目根目錄
最后啟動項目npm start
瀏覽器運行http://localhost:4200/即可完成
用IDEA打開該項目
e2e:端到端的測試目錄,用來做自動化測試
node_modules:第三方依賴包存放目錄
src:應用源代碼目錄
.angular-cli.json:Angular命令行工具的配置文件,后期可能會修改它,引一些其他的第三方的包,比如jquery等
.editorconfig:webstorm的配置文件
.gitignore:git的配置文件
karma.conf.js:karma是單元測試的執行器,此文件時karma的配置文件
package.json:標準的npm工具的配置文件,文件里列出了該應用程序所用的第三方依賴包,我們在建項目初始化是就是在下載這些包,放在了node_modules這個目錄中。
protractor.conf.js:自動化測試的配置文件
README.md:說明文件
tslint.json:是tslint的配置文件,用來定義TypeScript代碼質量檢查的規則