zoukankan      html  css  js  c++  java
  • 初识 Angualr

    Angular 是谷歌公司开发的一种前端开发框架,基于Typescript。虽然2016年 angular就已经推出,但是直到今日我开始学习它,原因很简单,只是想从后端开发,转型至全栈开发。

    学习angular 也已经有几天了,总结一下:

    1. 开发工具上,我学习的时候发现很多人推荐使用VS CODE 主要原因是免费, 同时有丰富的插件库提供。我在学习中,还没有使用任何插件。

    2.先决条件,使用Angular 框架前, 必须先安装Node.js, 下载网址:https://nodejs.org/en/download/

    3. 安装Angular CLI(Angular Command Line Interface)。安装angular CLI,在VS code中开发 命令行 (快捷键‘Ctrl + ~ (即数字1前边的按钮)‘),然后 输入 ’npm install -g @angular/cli‘ 回车。 如果已经安装了Angualr cli 可以输入 'ng version' 查看 angular cli 和angular 的版本。

    4. 通过命令行创建工程,  在VS code 的命令行输入 “ng new 工程名”,需要注意的在键入代码前,先前往工程存放的路径。 然后键入创建工程命令。

    5. 引用第三方库(例如:boostrap)。在VS code 的命令行中输入“npm install --save bootstrap3", 安装完成后,在工程文件中找到名为 angular-cli.json或者 angular.json的文件,一般在根目录下。 打开文件后,找到名为“styles” 的节点。然一般情况下里边会有一个名为“src/styles.css”文件,添加bootstrap.min.css路径在这个节点内。

    一般情况下安装的第三方库都存放在node_modules中,如果不想找,可以直接在“explorer”中输入名字(例如:bootstrap)VScode会自动搜索。

    6.安装第三方库后,还需要导入类型定义,以bootstrap为例,需要在命令行中输入“npm install --save @types/bootstrap”。然后在根目录下找到tsconfig.json文件,打开该文件后找到“types”节点,添加“bootstrap”在该节点内。

    根据第5,6的步骤,可以根据需要安装 jquery, jqueryUI.

    注意,在我学习过程中,如果安装的第三方库,那么一定要导入相应的类型。基本就是“ npm install --save 第三方库” 和 “npm install --save @types/第三方库”这两条语句。同时记得添加angular.json 或者  angular-cli.json, 和tsconfig.json这两个文件。

    到这里,angular 创建的工程就基本完成。

  • 相关阅读:
    String类中常用的操作
    android 界面布局 很好的一篇总结[转]
    LeetCode Top 100 Liked Questions in Golang(updating...)
    春招(实习生招聘) 总结
    Tinywebserver:一个简易的web服务器
    Tinychatserver: 一个简易的命令行群聊程序
    Tinyshell: 一个简易的shell命令解释器
    LeetCode169 Majority Element, LintCode47 Majority Number II, LeetCode229 Majority Element II, LintCode48 Majority Number III
    LeetCode136 Single Number, LeetCode137 Single Number II, LeetCode260 Single Number III
    剑指offer 1-6
  • 原文地址:https://www.cnblogs.com/Weimin496/p/12359859.html
Copyright © 2011-2022 走看看