{"id":38807,"date":"2023-09-29T01:16:40","date_gmt":"2024-02-11T15:30:45","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/"},"modified":"2024-05-04T02:00:08","modified_gmt":"2024-05-03T18:00:08","slug":"%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/","title":{"rendered":"\u67e5\u770b\u4f7f\u7528[Angular] ng new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f"},"content":{"rendered":"<h2>\u89e6\u53d1<\/h2>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Angular\u306b\u89e6\u308c\u308b\u6a5f\u4f1a\u304c\u3042\u308a\u3001\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u9032\u3081\u3066\u3044\u304f\u4e2d\u3067\u81ea\u52d5\u751f\u6210\u3055\u308c\u308b\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u89e3\u304f\u306e\u304c\u5927\u5909\u3002<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\u3042\u307e\u308a\u7406\u89e3\u3057\u3066\u3044\u306a\u304f\u3068\u3082\u3001\u6c17\u4ed8\u3051\u3070\u30a2\u30d7\u30ea\u304c\u52d5\u3044\u3066\u3044\u305f\u3002\uff08\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u3044\u3044\u3068\u3053\u308d\u3067\u3082\u3042\u308b\uff09<\/ul>\n<p>\u56e0\u4e3a\u4ece\u8fd9\u4e2a\u7ecf\u5386\u4e2d\uff0c\u6211\u60f3\u987a\u4fbf\u6574\u7406\u4e00\u4e0b\u5e94\u7528\u7a0b\u5e8f\u7684\u914d\u7f6e\u6587\u4ef6\uff0c\u6240\u4ee5\u6211\u4f1a\u5728\u8fd9\u7bc7\u6587\u7ae0\u4e2d\u8fdb\u884c\u603b\u7ed3\u3002<\/p>\n<p>\u8bf7\u53c2\u8003\u516c\u5f0f\u6587\u6863\u6559\u7a0b\u300a\u82f1\u96c4\u4e4b\u65c5\u5bfc\u89c8\u300b\uff0c\u4f7f\u7528\u547d\u4ee4 ng new angular-tour-heroes \u5f00\u59cb\uff0c\u89e3\u91ca\u6bcf\u4e2a\u751f\u6210\u6587\u4ef6\u7684\u6982\u8981\u3002\u540c\u65f6\u9644\u4e0a\u4e86\u5b98\u65b9\u6587\u6863\u7684\u94fe\u63a5\uff0c\u8be6\u7ec6\u4fe1\u606f\u8bf7\u53c2\u9605\u94fe\u63a5\u3002<\/p>\n<h3>\u6267\u884c\u73af\u5883 (sh\u00ed<\/h3>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">angular-cli: 13.3.0<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Node: 14.18.1<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">Package Manager: npm 8.5.5<\/ul>\n<h2>\u751f\u6210\u7684\u6587\u4ef6\u548c\u76ee\u5f55\u7ed3\u6784<\/h2>\n<p>\u6267\u884c ng new angular-tour-heroes \u547d\u4ee4\u65f6\uff0c\u60a8\u53ef\u4ee5\u9009\u62e9\u4ee5\u4e0b\u5bf9\u8bdd\u6846\u4e2d\u7684\u9009\u9879\u6765\u8fdb\u884c\u8def\u7531\u8bbe\u7f6e\u548c\u9009\u62e9\u6837\u5f0f\u8868\u7684\u683c\u5f0f\u3002<br \/>\n\u672c\u6b21\u914d\u7f6e\u5c06\u9009\u62e9\u9ed8\u8ba4\u8def\u7531\u8bbe\u7f6e\u4e3a &#8220;No&#8221;\uff0c\u6837\u5f0f\u8868\u683c\u5f0f\u4e3a &#8220;CSS&#8221;\u3002<\/p>\n<pre class=\"post-pre\"><code>C:<span class=\"se\">\\A<\/span>ngular&gt;ng new angular-tour-heroes\r\n? Would you like to add Angular routing? <span class=\"o\">(<\/span>y\/N<span class=\"o\">)<\/span> y or N \u21d2\u30c7\u30d5\u30a9\u30eb\u30c8\u306fNo\r\n? Which stylesheet format would you like to use? <span class=\"o\">(<\/span>Use arrow keys<span class=\"o\">)<\/span>\r\n<span class=\"o\">&gt;<\/span> CSS\r\n  SCSS   <span class=\"o\">[<\/span> https:\/\/sass-lang.com\/documentation\/syntax#scss                <span class=\"o\">]<\/span>\r\n  Sass   <span class=\"o\">[<\/span> https:\/\/sass-lang.com\/documentation\/syntax#the-indented-syntax <span class=\"o\">]<\/span>\r\n  Less   <span class=\"o\">[<\/span> http:\/\/lesscss.org                                             <span class=\"o\">]<\/span>\r\n<\/code><\/pre>\n<p>\u6267\u884c\u547d\u4ee4\u540e\uff0c\u4f1a\u81ea\u52a8\u521b\u5efa\u4e00\u4e2a\u540d\u4e3aangular-tour-heroes\u7684Angular\u5de5\u4f5c\u7a7a\u95f4\uff0c\u5e76\u4e3a\u6211\u4eec\u521b\u5efa\u6240\u9700\u7684\u6587\u4ef6\uff0c\u4ee5\u4e0b\u6587\u4ef6\u5939\u5c06\u88ab\u7ec4\u7ec7\u8d77\u6765\u3002\u8bf7\u53c2\u8003\uff1ahttps:\/\/angular.jp\/guide\/file-structure<\/p>\n<pre class=\"post-pre\"><code>\/angular-tour-heroes                  \/\/ \u30a2\u30d7\u30ea\u30eb\u30fc\u30c8\r\n\u251c\u2500\u2500 \/node_modules                     \/\/ npm\u3067\u7ba1\u7406\u3055\u308c\u305f\u30d1\u30c3\u30b1\u30fc\u30b8\u307e\u3068\u3081\u30d5\u30a9\u30eb\u30c0\r\n\u251c\u2500\u2500 \/src                              \/\/ \u30a2\u30d7\u30ea\u672c\u4f53\u306e\u683c\u7d0d\u30d5\u30a9\u30eb\u30c0\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 \/app                          \/\/ Angular\u30a2\u30d7\u30ea\u306e\u30b3\u30fc\u30c9\u4e00\u5f0f\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 app.component.html        \/\/ \u30eb\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8html\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 app.component.css         \/\/ \u30eb\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8css\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 app.component.spec.ts     \/\/ \u30c6\u30b9\u30c8\u30b9\u30af\u30ea\u30d7\u30c8\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 app.component.ts          \/\/ \u30eb\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 app.module.ts             \/\/ \u30eb\u30fc\u30c8\u30e2\u30b8\u30e5\u30fc\u30eb\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 \/assets                       \/\/ \u9759\u7684\u30a2\u30bb\u30c3\u30c8\u306e\u683c\u7d0d\u30d5\u30a9\u30eb\u30c0\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 \/environments                 \/\/ \u74b0\u5883\u8a2d\u5b9a\u306e\u683c\u7d0d\u30d5\u30a9\u30eb\u30c0\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 environment.prod.ts       \/\/ \u30bf\u30fc\u30b2\u30c3\u30c8\u56fa\u6709\u5411\u3051\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 environment.ts            \/\/ \u672c\u756a\u74b0\u5883\u5411\u3051\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 favicon.ico                   \/\/ \u30d5\u30a1\u30d3\u30b3\u30f3\uff08Web\u30da\u30fc\u30b8\u306e\u30a2\u30a4\u30b3\u30f3\uff09\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 index.html    - \u2605            \/\/ \u30e1\u30a4\u30f3\u30da\u30fc\u30b8\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 main.ts       - \u2605 \u3000\u3000\u3000\u3000\u3000\u3000\/\/ Angular\u30a2\u30d7\u30ea\u8d77\u52d5\u30b3\u30fc\u30c9 \r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 polyfills.ts\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000 \/\/ \u30dd\u30ea\u30d5\u30a3\u30eb\uff08\u53e4\u3044Web\u30d6\u30e9\u30a6\u30b6\u3078\u306e\u30b5\u30dd\u30fc\u30c8\u8a2d\u5b9a\uff09\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 styles.css                    \/\/ Angular\u30a2\u30d7\u30ea\u5168\u4f53\u306e\u30b9\u30bf\u30a4\u30eb\u30d5\u30a1\u30a4\u30eb\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 test.ts                       \/\/ \u30c6\u30b9\u30c8\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\uff08\u57fa\u672c\u7de8\u96c6\u3057\u306a\u3044\uff09\r\n\u251c\u2500\u2500 .browserslistrc                   \/\/ \u30bf\u30fc\u30b2\u30c3\u30c8\u30d6\u30e9\u30a6\u30b6\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30c4\u30fc\u30eb\u9593\u306eNode.js\u30d0\u30fc\u30b8\u30e7\u30f3\u5171\u6709\u8a2d\u5b9a\r\n\u251c\u2500\u2500 .editorconfig                     \/\/ \u30b3\u30fc\u30c9\u30a8\u30c7\u30a3\u30bf\u5411\u3051\u8a2d\u5b9a\r\n\u251c\u2500\u2500 .gitignore                        \/\/ Git\u306b\u7121\u8996\u3057\u3066\u307b\u3057\u3044\u30d5\u30a1\u30a4\u30eb\u306e\u8a2d\u5b9a\r\n\u251c\u2500\u2500 angular.json      - \u2605            \/\/ Angular\u30ef\u30fc\u30af\u30b9\u30da\u30fc\u30b9\u8a2d\u5b9a\r\n\u251c\u2500\u2500 karma.conf.js                     \/\/ \u30c6\u30b9\u30c8\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30afKarma(*1)\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\r\n\u251c\u2500\u2500 package-lock.json                 \/\/ \u5229\u7528\u3059\u308b\u30d1\u30c3\u30b1\u30fc\u30b8\u60c5\u5831\u307e\u3068\u3081\uff08\u76f4\u63a5\u7de8\u96c6\u3057\u306a\u3044\uff09\r\n\u251c\u2500\u2500 package.json      - \u2605            \/\/ \u30d1\u30c3\u30b1\u30fc\u30b8\u60c5\u5831\u307e\u3068\u3081\r\n\u251c\u2500\u2500 README.md                         \/\/ \u672c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u95a2\u3059\u308bREADME\r\n\u251c\u2500\u2500 tsconfig.app.json                 \/\/ \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u56fa\u6709\u306eTypeScript(*2)\u8a2d\u5b9a\r\n\u251c\u2500\u2500 tsconfig.json     - \u2605            \/\/ TypeScript\u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u8a2d\u5b9a\u60c5\u5831\r\n\u2514\u2500\u2500 tsconfig.spec.json                \/\/ \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30c6\u30b9\u30c8\u7528\u306eTypeScript\u8a2d\u5b9a\r\n<\/code><\/pre>\n<p>(*1) Karma: \u8bf7\u53c2\u8003\u5b98\u65b9\u7f51\u7ad9https:\/\/karma-runner.github.io\/2.0\/config\/configuration-file.html\u3002<br \/>\n(*2) TypeScript: \u8bf7\u67e5\u770b\u5b98\u65b9\u7f51\u7ad9https:\/\/www.typescriptlang.org\/\u3002<\/p>\n<p>\u4ece\u4ee5\u4e0a\u4e2d\u6458\u9009\u51fa\u4e86Angular\u5e94\u7528\u7a0b\u5e8f\u8fd0\u884c\u6240\u9700\u7684\uff08\u4f46\u5f88\u5c11\u4eba\u77e5\u9053\u7684\uff09\u5173\u952e\u70b9\uff08\u2605\u5370\uff09\u3002<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">\u30e1\u30a4\u30f3\u30d5\u30a1\u30a4\u30eb<\/ul>\n<\/li>\n<\/ul>\n<p>main.ts<br \/>\nindex.html<\/p>\n<p>\u5404\u7a2e\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb<\/p>\n<p>package.json<br \/>\ntsconfig.json<br \/>\nangular.json<\/p>\n<h2>\u4e3b\u6587\u4ef6<\/h2>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">main.ts<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">index.html<\/ul>\n<h3>\u4e3b\u8981.ts<\/h3>\n<p>\u542f\u52a8Angular\u5e94\u7528\u7684\u4ee3\u7801\u3002<br \/>\nhttps:\/\/angular.io\/guide\/file-structure#application-source-files<\/p>\n<pre class=\"post-pre\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">enableProdMode<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@angular\/core<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">platformBrowserDynamic<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@angular\/platform-browser-dynamic<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">AppModule<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/app\/app.module<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">environment<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/environments\/environment<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">environment<\/span><span class=\"p\">.<\/span><span class=\"nx\">production<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\r\n  <span class=\"nf\">enableProdMode<\/span><span class=\"p\">();<\/span>\r\n<span class=\"p\">}<\/span>\r\n\r\n<span class=\"nf\">platformBrowserDynamic<\/span><span class=\"p\">().<\/span><span class=\"nf\">bootstrapModule<\/span><span class=\"p\">(<\/span><span class=\"nx\">AppModule<\/span><span class=\"p\">)<\/span>\r\n  <span class=\"p\">.<\/span><span class=\"k\">catch<\/span><span class=\"p\">(<\/span><span class=\"nx\">err<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">error<\/span><span class=\"p\">(<\/span><span class=\"nx\">err<\/span><span class=\"p\">));<\/span>\r\n<\/code><\/pre>\n<p>platformBrowserDynamic\u662fAngular\u7684\u6807\u51c6\u51fd\u6570\uff0c\u7528\u4e8e\u5728\u6d4f\u89c8\u5668\u4e2d\u542f\u52a8\u5e94\u7528\u7a0b\u5e8f\u3002\u5b83\u901a\u8fc7platformBrowserDynamic#bootstrapModule\u65b9\u6cd5\u542f\u52a8\u4e86\u6839\u6a21\u5757AppModule\u3002\u6362\u53e5\u8bdd\u8bf4\uff0c\u901a\u8fc7\u5f15\u5bfc\u5e94\u7528\u7a0b\u5e8f\u7684\u6839\u6a21\u5757AppModule\u5728\u6d4f\u89c8\u5668\u4e2d\u8fd0\u884c\uff0c\u5b9e\u73b0\u4e86\u5e94\u7528\u7a0b\u5e8f\u7684\u64cd\u4f5c\u3002<\/p>\n<h3>\u7d22\u5f15.html<\/h3>\n<p>\u5e94\u7528\u7a0b\u5e8f\u7684\u4e3b\u8981\u9875\u9762\u6b63\u5728\u8fd0\u884c\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"cp\">&lt;!doctype html&gt;<\/span>\r\n<span class=\"nt\">&lt;html<\/span> <span class=\"na\">lang=<\/span><span class=\"s\">\"en\"<\/span><span class=\"nt\">&gt;<\/span>\r\n<span class=\"nt\">&lt;head&gt;<\/span>\r\n  <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">charset=<\/span><span class=\"s\">\"utf-8\"<\/span><span class=\"nt\">&gt;<\/span>\r\n  <span class=\"nt\">&lt;title&gt;<\/span>AngularTourHeroes<span class=\"nt\">&lt;\/title&gt;<\/span>\r\n  <span class=\"nt\">&lt;base<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"\/\"<\/span><span class=\"nt\">&gt;<\/span>\r\n  <span class=\"nt\">&lt;meta<\/span> <span class=\"na\">name=<\/span><span class=\"s\">\"viewport\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"width=device-width, initial-scale=1\"<\/span><span class=\"nt\">&gt;<\/span>\r\n  <span class=\"nt\">&lt;link<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"icon\"<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"image\/x-icon\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"favicon.ico\"<\/span><span class=\"nt\">&gt;<\/span>\r\n<span class=\"nt\">&lt;\/head&gt;<\/span>\r\n<span class=\"nt\">&lt;body&gt;<\/span>\r\n  <span class=\"nt\">&lt;app-root&gt;&lt;\/app-root&gt;<\/span>\r\n<span class=\"nt\">&lt;\/body&gt;<\/span>\r\n<span class=\"nt\">&lt;\/html&gt;<\/span>\r\n<\/code><\/pre>\n<p>\u5728\u6807\u7b7e\u4e2d\uff0c\u901a\u8fc7\u5143\u7d20\u663e\u793a\u4e86\u6839\u7ec4\u4ef6AppComponent\u7684\u6a21\u677f\uff08\u5373templateUrl\u6307\u5b9a\u7684html\u6587\u4ef6\uff0capp.component.html\uff09\u3002<\/p>\n<h2>\u914d\u7f6e\u6587\u4ef6<\/h2>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">package.json<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">tsconfig.json<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">angular.json<\/ul>\n<h3>package.json \u6587\u4ef6<\/h3>\n<p>\u7528\u4e8e\u7ba1\u7406\u5e94\u7528\u7a0b\u5e8f\u4f7f\u7528\u7684\u5e93\u4fe1\u606f\u7684\u914d\u7f6e\u6587\u4ef6\u3002<br \/>\nnpm\u547d\u4ee4\u548cyarn\u547d\u4ee4\u5c06\u6839\u636e\u6b64\u6587\u4ef6\u4e2d\u5b9a\u4e49\u7684\u5305\u8fdb\u884c\u5b89\u88c5\u3002<br \/>\nhttps:\/\/angular.jp\/guide\/npm-packages#packagejson<\/p>\n<pre class=\"post-pre\"><code><span class=\"p\">{<\/span>\r\n  <span class=\"nl\">\"name\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"angular-tour-heroes\"<\/span><span class=\"p\">,<\/span>            <span class=\"c1\">\/\/ \u30a2\u30d7\u30ea\u540d<\/span>\r\n  <span class=\"nl\">\"version\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"0.0.0\"<\/span><span class=\"p\">,<\/span>                       <span class=\"c1\">\/\/ \u30d0\u30fc\u30b8\u30e7\u30f3<\/span>\r\n  <span class=\"nl\">\"scripts\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>                              <span class=\"c1\">\/\/ npm run \u3067\u5b9f\u884c\u3067\u304d\u308b\u30b3\u30de\u30f3\u30c9<\/span>\r\n    <span class=\"nl\">\"ng\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"ng\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"start\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"ng serve\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"build\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"ng build\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"watch\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"ng build --watch --configuration development\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"test\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"ng test\"<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"private\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>                          <span class=\"c1\">\/\/ \u30e2\u30b8\u30e5\u30fc\u30eb\u516c\u958b\u306e\u53ef\u5426<\/span>\r\n  <span class=\"nl\">\"dependencies\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>                         <span class=\"c1\">\/\/ \u4f9d\u5b58\u3059\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406<\/span>\r\n    <span class=\"c1\">...<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"devDependencies\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>                      <span class=\"c1\">\/\/ \u30a2\u30d7\u30ea\u3067\u5229\u7528\u3059\u308b\u958b\u767a\u30e9\u30a4\u30d6\u30e9\u30ea<\/span>\r\n    <span class=\"c1\">...<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<h3>tsconfig.json\u914d\u7f6e\u6587\u4ef6 (tsconfig.json configuration file)<\/h3>\n<p>TypeScript\u7f16\u8bd1\u5668\u7684\u914d\u7f6e\u6587\u4ef6\uff0c\u7528\u4e8e\u8bbe\u5b9a\u5176\u884c\u4e3a\u3002<br \/>\nhttps:\/\/angular.io\/guide\/typescript-configuration#configuration-files<\/p>\n<pre class=\"post-pre\"><code><span class=\"c\">\/* To learn more about this file see: https:\/\/angular.io\/config\/tsconfig. *\/<\/span>\r\n<span class=\"p\">{<\/span>\r\n  <span class=\"nl\">\"compileOnSave\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>                            <span class=\"c1\">\/\/ \u30b3\u30f3\u30d1\u30a4\u30eb\u30aa\u30d7\u30b7\u30e7\u30f3<\/span>\r\n    <span class=\"nl\">\"baseUrl\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\".\/\"<\/span><span class=\"p\">,<\/span>                              <span class=\"c1\">\/\/ \u76f8\u5bfe\u30d1\u30b9\u306e\u8d77\u70b9\u3068\u306a\u308b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u30d1\u30b9<\/span>\r\n    <span class=\"nl\">\"outDir\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\".\/dist\/out-tsc\"<\/span><span class=\"p\">,<\/span>                   <span class=\"c1\">\/\/ .js\u30d5\u30a1\u30a4\u30eb\u304c\u51fa\u529b\u3055\u308c\u308b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u30d1\u30b9<\/span>\r\n    <span class=\"nl\">\"forceConsistentCasingInFileNames\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>     <span class=\"c1\">\/\/ \u30d5\u30a1\u30a4\u30eb\u540d\u306e\u5927\u6587\u5b57\u5c0f\u6587\u5b57\u3092\u533a\u5225\u3059\u308b<\/span>\r\n    <span class=\"nl\">\"strict\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>                               <span class=\"c1\">\/\/ true:strict\u7cfb(*1)\u304c\u5168\u3066\u6709\u52b9\u3068\u306a\u308b<\/span>\r\n    <span class=\"nl\">\"noImplicitOverride\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>                   <span class=\"c1\">\/\/ true:\u7d99\u627f\u30af\u30e9\u30b9\u304c\u3082\u3064\u540c\u540d\u306e\u95a2\u6570\u306b\u306f`override`\u3092\u3064\u3051\u306a\u3044\u3068\u3044\u3051\u306a\u3044<\/span>\r\n    <span class=\"nl\">\"noPropertyAccessFromIndexSignature\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>   <span class=\"c1\">\/\/ true:\u5b9a\u7fa9\u3057\u3066\u3044\u306a\u3044field\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092\u8a31\u5bb9\u3057\u306a\u3044<\/span>\r\n    <span class=\"nl\">\"noImplicitReturns\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>                    <span class=\"c1\">\/\/ true:\u623b\u308a\u5024\u304c\u5fc5\u8981\u306a\u95a2\u6570\u306breturn\u304c\u5b58\u5728\u3057\u306a\u304f\u3066\u3082\u3088\u3044\u3053\u3068\u3092\u8a31\u5bb9\u3057\u306a\u3044<\/span>\r\n    <span class=\"nl\">\"noFallthroughCasesInSwitch\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>           <span class=\"c1\">\/\/ true:switch\u6587\u306b\u304a\u3044\u3066\u3001\u6b21\u306ecase\u3078\u51e6\u7406\u3092\u6301\u3061\u8d8a\u3059\u3053\u3068\u3092\u8a31\u5bb9\u3057\u306a\u3044<\/span>\r\n    <span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>                            <span class=\"c1\">\/\/ \u30bd\u30fc\u30b9\u30de\u30c3\u30d7\u306e\u751f\u6210<\/span>\r\n    <span class=\"nl\">\"declaration\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>                         <span class=\"c1\">\/\/ \u5168\u3066\u306eTypeScript\/JavaScript\u30d5\u30a1\u30a4\u30eb\u306b`d.ts`\u3092\u751f\u6210\u3059\u308b\u304b<\/span>\r\n    <span class=\"nl\">\"downlevelIteration\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>                   <span class=\"c1\">\/\/ \u53e4\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u306eJavaScript\u306b\u30c8\u30e9\u30f3\u30b9\u30d1\u30a4\u30eb\u3059\u308b\u304b<\/span>\r\n    <span class=\"nl\">\"experimentalDecorators\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>               <span class=\"c1\">\/\/ \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u6709\u52b9\u306b\u3059\u308b\u304b<\/span>\r\n    <span class=\"nl\">\"moduleResolution\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"node\"<\/span><span class=\"p\">,<\/span>                   <span class=\"c1\">\/\/ \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u89e3\u6c7a\u65b9\u6cd5; node<\/span>\r\n    <span class=\"nl\">\"importHelpers\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>                        <span class=\"c1\">\/\/ \u30d8\u30eb\u30d1\u30fc\u95a2\u6570\u3092tslib\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u304b<\/span>\r\n    <span class=\"nl\">\"target\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"es2017\"<\/span><span class=\"p\">,<\/span>                           <span class=\"c1\">\/\/ \u751f\u6210\u3059\u308bJavaScript\u306e\u30d0\u30fc\u30b8\u30e7\u30f3<\/span>\r\n    <span class=\"nl\">\"module\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"es2020\"<\/span><span class=\"p\">,<\/span>                           <span class=\"c1\">\/\/ \u751f\u6210\u3059\u308bJavaScript\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5f62\u5f0f<\/span>\r\n    <span class=\"nl\">\"lib\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>                                      <span class=\"c1\">\/\/ \u30b3\u30f3\u30d1\u30a4\u30eb\u6642\u306binclude\u3055\u308c\u308b\u30e9\u30a4\u30d6\u30e9\u30ea<\/span>\r\n      <span class=\"s2\">\"es2020\"<\/span><span class=\"p\">,<\/span>\r\n      <span class=\"s2\">\"dom\"<\/span>\r\n    <span class=\"p\">]<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"angularCompilerOptions\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"enableI18nLegacyMessageIdFormat\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>     <span class=\"c1\">\/\/ false: i18n\u5c5e\u6027\u306b\u3088\u3063\u3066\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u30bf\u30b0\u3065\u3051\u3055\u308c\u305f\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u30ec\u30ac\u30b7\u30fcID\u751f\u6210\u3092\u6307\u793a\u3057\u306a\u3044<\/span>\r\n    <span class=\"nl\">\"strictInjectionParameters\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>            <span class=\"c1\">\/\/ true:\u30a4\u30f3\u30b8\u30a7\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30d7\u3092\u5fc5\u305a\u6307\u5b9a\u3057\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044<\/span>\r\n    <span class=\"nl\">\"strictInputAccessModifiers\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>           <span class=\"c1\">\/\/ Input\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3059\u308b\u969b\u3001\u30a2\u30af\u30bb\u30b9\u4fee\u98fe\u5b50private\/protected\/readonly\u3092\u8a31\u5bb9\u3057\u306a\u3044<\/span>\r\n    <span class=\"nl\">\"strictTemplates\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span>                       <span class=\"c1\">\/\/ true: \u53b3\u5bc6\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30bf\u30a4\u30d7\u30c1\u30a7\u30c3\u30af(*2)\u3092\u6709\u52b9<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<p>(1) \u4e25\u683c\u6a21\u5f0f\uff1ahttps:\/\/www.typescriptlang.org\/tsconfig#strict<br \/>\n(2) \u4e25\u683c\u6a21\u677f\uff1ahttps:\/\/angular.jp\/guide\/template-typecheck#strict-mode<\/p>\n<h3>angular.json \u53ef\u4ee5\u8fdb\u884c\u91cd\u6784\u3002<\/h3>\n<p>\u4f7f\u7528Angular CLI\u8fdb\u884c\u6784\u5efa\u548c\u5f00\u53d1\u5de5\u5177\u65b9\u9762\u7684\u9ed8\u8ba4\u914d\u7f6e\u6587\u4ef6\uff0c\u6d89\u53ca\u6574\u4e2a\u5de5\u4f5c\u533a\u548c\u9879\u76ee\u7684\u7279\u5b9a\u914d\u7f6e\u3002\u6307\u5b9a\u7684\u8def\u5f84\u503c\u662f\u4ee5\u6839\u5de5\u4f5c\u533a\u6587\u4ef6\u5939\u4e3a\u57fa\u51c6\u3002\u8bf7\u53c2\u8003\uff1ahttps:\/\/angular.jp\/guide\/workspace-config\u3002<\/p>\n<details>angular.json\u6587\u4ef6\uff08\u7531\u4e8e\u8fc7\u957f\uff0c\u5df2\u6298\u53e0\uff09\uff1a<br \/>\n{<br \/>\n&#8220;$schema&#8221;: &#8220;.\/node_modules\/@angular\/cli\/lib\/config\/schema.json&#8221;,<br \/>\n&#8220;version&#8221;: 1,<br \/>\n&#8220;newProjectRoot&#8221;: &#8220;projects&#8221;,<br \/>\n&#8220;projects&#8221;: {<br \/>\n&#8220;angular-tour-heroes&#8221;: {<br \/>\n&#8220;projectType&#8221;: &#8220;application&#8221;,<br \/>\n&#8220;schematics&#8221;: {<br \/>\n&#8220;@schematics\/angular:application&#8221;: {<br \/>\n&#8220;strict&#8221;: true<br \/>\n}<br \/>\n},<br \/>\n&#8220;root&#8221;: &#8220;&#8221;,<br \/>\n&#8220;sourceRoot&#8221;: &#8220;src&#8221;,<br \/>\n&#8220;prefix&#8221;: &#8220;app&#8221;,<br \/>\n&#8220;architect&#8221;: {<br \/>\n&#8220;build&#8221;: {<br \/>\n&#8220;builder&#8221;: &#8220;@angular-devkit\/build-angular:browser&#8221;,<br \/>\n&#8220;options&#8221;: {<br \/>\n&#8220;outputPath&#8221;: &#8220;dist\/angular-tour-heroes&#8221;,<br \/>\n&#8220;index&#8221;: &#8220;src\/index.html&#8221;,<br \/>\n&#8220;main&#8221;: &#8220;src\/main.ts&#8221;,<br \/>\n&#8220;polyfills&#8221;: &#8220;src\/polyfills.ts&#8221;,<br \/>\n&#8220;tsConfig&#8221;: &#8220;tsconfig.app.json&#8221;,<br \/>\n&#8220;assets&#8221;: [<br \/>\n&#8220;src\/favicon.ico&#8221;,<br \/>\n&#8220;src\/assets&#8221;<br \/>\n],<br \/>\n&#8220;styles&#8221;: [<br \/>\n&#8220;src\/styles.css&#8221;<br \/>\n],<br \/>\n&#8220;scripts&#8221;: []<br \/>\n},<br \/>\n&#8220;configurations&#8221;: {<br \/>\n&#8220;production&#8221;: {<br \/>\n&#8220;budgets&#8221;: [<br \/>\n{<br \/>\n&#8220;type&#8221;: &#8220;initial&#8221;,<br \/>\n&#8220;maximumWarning&#8221;: &#8220;500kb&#8221;,<br \/>\n&#8220;maximumError&#8221;: &#8220;1mb&#8221;<br \/>\n},<br \/>\n{<br \/>\n&#8220;type&#8221;: &#8220;anyComponentStyle&#8221;,<br \/>\n&#8220;maximumWarning&#8221;: &#8220;2kb&#8221;,<br \/>\n&#8220;maximumError&#8221;: &#8220;4kb&#8221;<br \/>\n}<br \/>\n],<br \/>\n&#8220;fileReplacements&#8221;: [<br \/>\n{<br \/>\n&#8220;replace&#8221;: &#8220;src\/environments\/environment.ts&#8221;,<br \/>\n&#8220;with&#8221;: &#8220;src\/environments\/environment.prod.ts&#8221;<br \/>\n}<br \/>\n],<br \/>\n&#8220;outputHashing&#8221;: &#8220;all&#8221;<br \/>\n},<br \/>\n&#8220;development&#8221;: {<br \/>\n&#8220;buildOptimizer&#8221;: false,<br \/>\n&#8220;optimization&#8221;: false,<br \/>\n&#8220;vendorChunk&#8221;: true,<br \/>\n&#8220;extractLicenses&#8221;: false,<br \/>\n&#8220;sourceMap&#8221;: true,<br \/>\n&#8220;namedChunks&#8221;: true<br \/>\n}<br \/>\n},<br \/>\n&#8220;defaultConfiguration&#8221;: &#8220;production&#8221;<br \/>\n},<br \/>\n&#8220;serve&#8221;: {<br \/>\n&#8220;builder&#8221;: &#8220;@angular-devkit\/build-angular:dev-server&#8221;,<br \/>\n&#8220;configurations&#8221;: {<br \/>\n&#8220;production&#8221;: {<br \/>\n&#8220;browserTarget&#8221;: &#8220;angular-tour-heroes:build:production&#8221;<br \/>\n},<br \/>\n&#8220;development&#8221;: {<br \/>\n&#8220;browserTarget&#8221;: &#8220;angular-tour-heroes:build:development&#8221;<br \/>\n}<br \/>\n},<br \/>\n&#8220;defaultConfiguration&#8221;: &#8220;development&#8221;<br \/>\n},<br \/>\n&#8220;extract-i18n&#8221;: {<br \/>\n&#8220;builder&#8221;: &#8220;@angular-devkit\/build-angular:extract-i18n&#8221;,<br \/>\n&#8220;options&#8221;: {<br \/>\n&#8220;browserTarget&#8221;: &#8220;angular-tour-heroes:build&#8221;<br \/>\n}<br \/>\n},<br \/>\n&#8220;test&#8221;: {<br \/>\n&#8220;builder&#8221;: &#8220;@angular-devkit\/build-angular:karma&#8221;,<br \/>\n&#8220;options&#8221;: {<br \/>\n&#8220;main&#8221;: &#8220;src\/test.ts&#8221;,<br \/>\n&#8220;polyfills&#8221;: &#8220;src\/polyfills.ts&#8221;,<br \/>\n&#8220;tsConfig&#8221;: &#8220;tsconfig.spec.json&#8221;,<br \/>\n&#8220;karmaConfig&#8221;: &#8220;karma.conf.js&#8221;,<br \/>\n&#8220;assets&#8221;: [<br \/>\n&#8220;src\/favicon.ico&#8221;,<br \/>\n&#8220;src\/assets&#8221;<br \/>\n],<br \/>\n&#8220;styles&#8221;: [<br \/>\n&#8220;src\/styles.css&#8221;<br \/>\n],<br \/>\n&#8220;scripts&#8221;: []<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n},<br \/>\n&#8220;defaultProject&#8221;: &#8220;angular-tour-heroes&#8221;<br \/>\n}<\/details>\n","protected":false},"excerpt":{"rendered":"<p>\u89e6\u53d1 Angular\u306b\u89e6\u308c\u308b\u6a5f\u4f1a\u304c\u3042\u308a\u3001\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u9032\u3081\u3066\u3044\u304f\u4e2d\u3067\u81ea\u52d5\u751f\u6210\u3055\u308c\u308b\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u89e3\u304f\u306e\u304c\u5927\u5909 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-38807","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u67e5\u770b\u4f7f\u7528[Angular] ng new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/\u67e5\u770b\u4f7f\u7528angular-ng-new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f\u3002\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u67e5\u770b\u4f7f\u7528[Angular] ng new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f\" \/>\n<meta property=\"og:description\" content=\"\u89e6\u53d1 Angular\u306b\u89e6\u308c\u308b\u6a5f\u4f1a\u304c\u3042\u308a\u3001\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u9032\u3081\u3066\u3044\u304f\u4e2d\u3067\u81ea\u52d5\u751f\u6210\u3055\u308c\u308b\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u89e3\u304f\u306e\u304c\u5927\u5909 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u67e5\u770b\u4f7f\u7528angular-ng-new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f\u3002\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-11T15:30:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-03T18:00:08+00:00\" \/>\n<meta name=\"author\" content=\"\u79d1, \u96c5\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u79d1, \u96c5\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/\",\"name\":\"\u67e5\u770b\u4f7f\u7528[Angular] ng new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2024-02-11T15:30:45+00:00\",\"dateModified\":\"2024-05-03T18:00:08+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/41e222757cdd2a3365361328bd79970a\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u67e5\u770b\u4f7f\u7528[Angular] ng new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/41e222757cdd2a3365361328bd79970a\",\"name\":\"\u79d1, \u96c5\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1b2d3e00a7df03689797ebd4af8c5827ba5af936849a71050ec331f4cf902c5d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1b2d3e00a7df03689797ebd4af8c5827ba5af936849a71050ec331f4cf902c5d?s=96&d=mm&r=g\",\"caption\":\"\u79d1, \u96c5\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/keya\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u67e5\u770b\u4f7f\u7528[Angular] ng new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/\u67e5\u770b\u4f7f\u7528angular-ng-new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f\u3002\/","og_locale":"zh_CN","og_type":"article","og_title":"\u67e5\u770b\u4f7f\u7528[Angular] ng new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f","og_description":"\u89e6\u53d1 Angular\u306b\u89e6\u308c\u308b\u6a5f\u4f1a\u304c\u3042\u308a\u3001\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u9032\u3081\u3066\u3044\u304f\u4e2d\u3067\u81ea\u52d5\u751f\u6210\u3055\u308c\u308b\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u89e3\u304f\u306e\u304c\u5927\u5909 [&hellip;]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u67e5\u770b\u4f7f\u7528angular-ng-new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f\u3002\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2024-02-11T15:30:45+00:00","article_modified_time":"2024-05-03T18:00:08+00:00","author":"\u79d1, \u96c5","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u79d1, \u96c5","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"3 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/","name":"\u67e5\u770b\u4f7f\u7528[Angular] ng new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2024-02-11T15:30:45+00:00","dateModified":"2024-05-03T18:00:08+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/41e222757cdd2a3365361328bd79970a"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u67e5\u770b\u4f7f\u7528[Angular] ng new\u547d\u4ee4\u751f\u6210\u7684\u5de5\u4f5c\u533a\u7684\u914d\u7f6e\u8be6\u7ec6\u4fe1\u606f"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/41e222757cdd2a3365361328bd79970a","name":"\u79d1, \u96c5","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1b2d3e00a7df03689797ebd4af8c5827ba5af936849a71050ec331f4cf902c5d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1b2d3e00a7df03689797ebd4af8c5827ba5af936849a71050ec331f4cf902c5d?s=96&d=mm&r=g","caption":"\u79d1, \u96c5"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/keya\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%9f%a5%e7%9c%8b%e4%bd%bf%e7%94%a8angular-ng-new%e5%91%bd%e4%bb%a4%e7%94%9f%e6%88%90%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%8c%ba%e7%9a%84%e9%85%8d%e7%bd%ae%e8%af%a6%e7%bb%86%e4%bf%a1%e6%81%af%e3%80%82\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/38807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=38807"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/38807\/revisions"}],"predecessor-version":[{"id":95432,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/38807\/revisions\/95432"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=38807"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=38807"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=38807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}