angular.js 框架搭建记录

angular-cli安装

1.安装淘宝镜像

npm config set registry https://registry.npm.taobao.org

2.因为angular-cli是用typescript写的，所以要先装这两个：

npm install -g typescript typings

3.安装angular-cli:

npm install -g angular-cli@latest

上面这个语句安装的最新版本是28.3，[email protected]: 并且可能会报这个错

npm WARN deprecated [email protected]: angular-cli has been renamed to @angular/cli. Please update
your dependencies.

4.安装完成结果

image.png

5.创建一个项目

ng new projectname

image.png

6.angular安装类库命令

• 安装jquery

npm install jquery --save

• 安装bootstrap

npm install bootstrap --save

• 在 angular-cli.json 文件中找到script,将jquery和bootstrap加入其中

"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.js",
"../node_modules/bootstrap/dist/js/bootstrap.js"
],

image.png

&&&&注意: jquery与bootstrap安装需要配置类型文件,否则typescript代码中无法识别jquery和bootstrap命令.

• 安装jquery类型文件

npm install @types/jquery --save-dev

• 安装bootstrap类型文件

npm install @types/bootstrap --save-dev