angular的创建和引用命令

版权声明：我的博客我做主！ https://blog.csdn.net/lk1822791193/article/details/85617843

首先去官网下载nodejs，基本安装好nodejs就包含了npm工具。

进入cmd，找到你安装nodejs的路径：

1.查看你npm和nodejs的版本，如果正常显示版本号，则说明安装成功：

npm -v
node -v

2.使用npm命令创建angular的cli 文件：

// 局部安装
npm install -g @angular/cli
// 全局安装
npm install -g angular-cli

3.创建新angular的文件：

// 创建angular文件
ng new angularFile
// 创建带有路由的angular文件
ng new angularFile --routing

---

如果你之前安装过Angular CLI，出了问题需要卸载，清空缓存的话：

npm uninstall -g angular-cli
npm cache clean --force

如果出现问题：

npm cache clear --force && npm install --no-shrinkwrap --update-binary

---

创建组件：

// componentName 为组件名
ng g component componentName

引入第三方类库（插件）：

// 引入jquery和bootstrap类库
npm install jquery --save
npm install bootstrap --save

// 引入类型文件
npm install @types/jquery --save-dev
npm install @types/bootstrap --save-dev

在文件中配置：

在src的angular.json文件中的styles和stripts中引入你下载的第三方类库：

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

简单总结，如有不足，欢迎指出！