Angular2 使用CLI创建新项目

aiwei8512

于 2018-08-20 15:23:00 发布

阅读量134

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

本文详细介绍如何从零开始搭建Angular项目，包括安装Node.js、使用Angular CLI创建项目、运行本地服务器、添加moduleId以避免错误、修改全局样式路径、引入第三方库如jQuery和Bootstrap的方法，以及如何使Angular2兼容IE老版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.安装node.js；

2. npm install -g @angular/cli

3.ng new projectName

4.ng serve

PS：如果要使用moduleId，需先在src目录下添加typings.d.ts文件

/* SystemJS module definition */
declare var module: NodeModule;
interface NodeModule {
  id: string;
}

否则会报错：

src/app/app.component.ts(5,13): error TS2304: Cannot find name 'module'.

PS2：修改全局style.css文件的路径

在angular.json文件里修改‘styles’属性即可。

PS3：NG2引入第三方JS库->

npm install @types/jquery --save-dev
npm install @types/bootstrap --save-dev

PS4：Angular2 兼容IE老版本（IE11以前）

转载于:https://www.cnblogs.com/Failbs/p/9505741.html