美文网首页Angular我爱编程
Angular下载安装与常用插件的安装配置

Angular下载安装与常用插件的安装配置

作者: 山东菏泽朱志强 | 来源:发表于2017-11-01 16:23 被阅读13次

安装开发环境

  1. 安装nodejs
    参考 http://www.jianshu.com/p/32b389badfa8 这篇文章的第三点
  2. 安装Angular脚手架
    npm install -g @angular/cli
  3. 安装Git

新建工程

```ng new <name>``
```npm install```

常用框架安装

ngx-bootstrap、primeNG、bootstrap、jquery

ngx-bootstrap

安装:npm install ngx-bootstrap bootstrap --save
在angular-cli中配置:
打开angular-cli.json文件,找到对应的位置,加入下面的代码:

 "styles": [
         "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.css",
      ],

PrimeNG

安装:
npm install primeng --save
npm install font-awesome --save
Angular CLI配置
打开angular-cli.json文件,找到对应的位置,加入下面的代码

"styles": [
  "../node_modules/font-awesome/css/font-awesome.min.css",
  "../node_modules/primeng/resources/primeng.min.css",
  "../node_modules/primeng/resources/themes/omega/theme.css",
  //...
],

JQuery

安装:
npm install jquery --save
注意:jquery需要类型描述,执行 npm install @types/jquery --dev-save
Angular CLI配置
打开angular-cli.json文件,找到scripts节点,加入下面的代码

"scripts": [
                "../node_modules/jquery/dist/jquery.min.js"
 ],

Bootstrap

npm install bootstrap --save
Angular CLI配置
打开angular-cli.json文件,找到styles、scripts节点,加入下面的代码

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

文件下载:
http://blog.csdn.net/holdlg/article/details/54926136

相关文章

  • Angular下载安装与常用插件的安装配置

    安装开发环境 安装nodejs参考 http://www.jianshu.com/p/32b389badfa8 这...

  • mac vscode 下载安装与配置

    下载安装 1、官网下载https://code.visualstudio.com/ 配置 1、常用插件下载中文:C...

  • Vim配置

    Vim 安装 安装Vundle 配置.vimrc 个人喜好常用配置 安装插件

  • 安装rabbitmq

    安装 1.下载安装erlang 2.下载安装rpm 3.配置SELinux 4.启动服务 5.启用插件 6.配置防...

  • jenkins之ssh远程发布

    相关插件下载 需要下载安装如下插件: 配置远程ssh服务器 基础配置image.pngimage.pngimage...

  • 5.文档 - gitbook - 插件

    参考 官方插件 重点参考 GitBook 插件 常用插件 配置插件 到 官方插件 上找合适的插件 在配置文件中安装...

  • 【Mac安装RabiitMQ】

    下载安装RabbitMQ 安装RabiitMQ的可视化监控插件 配置环境变量(好像不配置也行) 后台启动rabbitMQ

  • vim调试php

    vdebug插件 vim-vdebug/vdebug 用vim-plug下载安装这款插件 具体配置如下 xdebu...

  • 我用vscode编辑代码啦!

    vscode安装 下载安装地址 常用插件 Visual Studio系列产品的扩展 修改设置 文件-->首选项--...

  • less样式

    less样式常用插件 less样式常用插件easy less(Vscode搜索安装即可) 配置:首选项>设置>扩展...

网友评论

    本文标题:Angular下载安装与常用插件的安装配置

    本文链接:https://www.haomeiwen.com/subject/xvjgpxtx.html