Angular学习笔记1--环境搭建

常用命令

Angular CLI安装

// 首先安装node,官网下载
// 查看node是否安装成功
node --version
// 查看npm是否安装成功
npm --version
// 安装国内镜像cnpm（可选）
npm i -g cnpm
// 安装angular脚手架
npm install -g @angular/cli // 没有权限前面加sudo
// 指定版本号安装
npm install -g @angular/cli@1.1.0
// 查看是否安装成功
ng --version

确认Angular有没有安装成功

ng --version
// 出现下面画面说明安装成功

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 7.0.4
Node: 8.12.0
OS: win32 x64

新建项目

ng new auction

启动项目

npm start

依赖安装

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

--angular.json中配置
 "styles": [
    "node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
    "node_modules/jquery/dist/jquery.js",
    "node_modules/bootstrap/dist/js/bootstrap.js"
]