AngularJS学习笔记——环境准备

最新推荐文章于 2022-05-21 22:39:38 发布

Yimi-依米

最新推荐文章于 2022-05-21 22:39:38 发布

阅读量104

点赞数

分类专栏： AngularJS 调试环境配置文章标签： AngularJS 调试环境配置

本文链接：https://blog.csdn.net/qq_33548747/article/details/75090296

版权

调试同时被 3 个专栏收录

14 篇文章 0 订阅

订阅专栏

环境配置

12 篇文章 0 订阅

订阅专栏

AngularJS

4 篇文章 0 订阅

订阅专栏

AngularJS是一款优秀的前端JS框架。
大体上说，学习AngularJS需要三样东西：

浏览器
Web服务器
文本编辑器

当然，其中还需要设置一些插件等。
以我自己用的为例，分为以下几个步骤：

安装浏览器：Google Chrome
给Google Chrome 安装AngularJS的调试插件Batarang
选择代码编辑器
比如我用的是WebStorm
安装Node.js
可用cmd检测，输入node出现箭头符号则基本上安装正确了。
安装Web服务器
在Node.js的安装目录下，用cmd输入命令：
npm install connect
在Node,js的安装目录下创建一个名为server.js的新文件，并写入以下内容：

var connect = require(‘connect’);

connect.createServer(
connect.static("./angularjs")

).listen(5000);

此文件创建了一个基本的Web服务器，将会在端口5000上响应请求，对外提供名为angularjs的文件夹下所包含的各个文件。

安装测试系统Karma：在Node.js的安装目录下，用cmd输入命令：
npm install -g karma
这样就会自动下载并安装Karma了
在node.exe的同级安装文件夹下创建一个名为angularjs的文件夹（即与server.js内代码所设的文件路径及文件名一致）
下载AngularJS 并把文件放进angularjs文件夹
下载Bootsrap 并把文件bootstrap-theme.css和bootstrap.css放进angularjs文件夹
下载MongoDB
获取Deployd
测试，在angularjs文件夹下写测试文件test.html:

<!DOCTYPE html>
<html ng-app>
<head>
    <title>First Test</title>
    <script src="angular.js"></script>
    <link href="bootstrap.css" rel="stylesheet"/>
    <link href="bootstrap-theme.css" rel="stylesheet"/>
</head>
<body>
    <div class="btn btn-default">{{"AngularJS"}}</div>
    <div class="btn btn-success">BootStrap</div>
</body>
</html>