1. 创建项目
ng new jupiter-web //要花较长时间
npm install ng-zorro-antd --save //安装NG-ZORRO,系统提示使用最新版本
2. Idea 中安装必要的开发插件,并打开项目
3. 如果用GIT托管,增加.gitignore,忽略本地环境文件上传,团队成员clone代码后:npm install即可
.idea
.idea/*.xml
dist
node_modules
*.iml
4. 配置基于Node的运行环境,注意,要提前安装node和在Idea中安装插件。选择Node.js,新增运行项目,比如:jupiter-web,增加npm run script,选择命令:start即可。
5. 修改运行商品:package.json
"start": "ng serve --preserve-symlinks --port=5004",
6. Cannot find module '@angular-devkit/core',增加配置:
"@angular-devkit/core": "0.0.29",
npm install //安装必要的依赖
7. Cannot read property 'config' of null,增加一个.angular-cli.json配置文件,大致内容如下:
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"name": "mars-werb"
},
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": [
"assets",
"favicon.ico"
],
"index": "index.html",
"main": "main.ts",
"polyfills": "polyfills.ts",
"test": "test.ts",
"tsconfig": "tsconfig.app.json",
"testTsconfig": "tsconfig.spec.json",
"prefix": "app",
"styles": [
"styles.css"
],
"scripts": [],
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
}
],
"e2e": {
"protractor": {
"config": "./protractor.conf.js"
}
},
"lint": [
{
"project": "src/tsconfig.app.json",
"exclude": "**/node_modules/**"
},
{
"project": "src/tsconfig.spec.json",
"exclude": "**/node_modules/**"
},
{
"project": "e2e/tsconfig.e2e.json",
"exclude": "**/node_modules/**"
}
],
"test": {
"karma": {
"config": "./karma.conf.js"
}
},
"defaults": {
"styleExt": "css",
"component": {}
}
}