AngularJS(一)环境搭建
来源:互联网 发布:马克斯cms模板 编辑:程序博客网 时间:2024/05/18 12:36
参考书籍AngularJS高级程序设计第一部分准备
安装node.js
下载链接
官网地址: https://nodejs.org/en/
我下的解压版的,直接解压到你想安装的目录中
在我的电脑(右键)→属性→高级系统变量→环境变量
编写NODE_PATH
添加到path中
node -v
在控制台能够显示node版本
v6.11.4
安装Web服务器
npm install connectnpm install serve-static
编写server.js 文件,书上的版本是2.x的版本,现在是3.x的版本了,书上的代码失效了,将该文件放到nodejs的安装目录中去
var connect = require('connect'); serveStatic = require('serve-static');var app = connect();app.use(serveStatic("../angularjs"));app.listen(5000);
AngularJS设置
新建angularjs文件夹和nodejs的安装目录平级
文件夹中需要准备bootstrap的css文件和angular.js
angularjs文件夹下载地址:点击下载
angularjs文件夹下新建FirstTest.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-grid.css" rel="stylesheet" /></head><body> <div class="btn btn-dark">{{ "AngularJS" }}</div> <div class="btn btn-success">Bootsstrap</div></body></html>
启动web服务器
跳转到nodejs的安装目录
node server.js
查看浏览器 http://localhost:5000/FirstTest.html
效果如下:
阅读全文
0 0
- AngularJS(一)环境搭建
- angularJs测试环境搭建(一)
- AngularJS学习(一) AngularJS简介以及环境搭建
- angularjs学习笔记一——了解angularjs、开发环境搭建、第一个angularjs程序
- AngularJS(0)——AngularJS环境搭建及基本概念
- phonegap (ionic+angularjs) 环境搭建
- Ionic + Angularjs + Cordova(Ionic2环境搭建)
- AngularJS项目环境搭建
- angularjs环境搭建
- angularJS搭建环境
- Cordova+Angularjs+Ionic混合开发入门篇(一)----- ionic环境搭建
- AngularJs前端框架搭建(一)
- (一)环境搭建
- 【AngularJS】AngularJS整合Springmvc、Mybatis环境搭建
- PhoneGap+Angularjs+ionic 环境搭建
- Express4+Angularjs+Bootstrap3环境搭建
- Angularjs前端项目环境搭建
- Ionic+AngularJs+Cordova环境搭建
- sql命令笔记
- 利用Maxwell组件实时监听Mysql的binlog日志,并且把解析的json格式数据发送到kafka窗口供实时消费
- Spring 源码导入Eclipse
- day24
- 【poj 3061】尺取法
- AngularJS(一)环境搭建
- [2017.10.23]作业04
- day25
- day26
- Hadoop 调试第一个mapreduce程序过程详细记录总结以及权限问题 Permission denied: user=dr.who
- Vuex(一)--为什么要使用Vuex
- jsp四大作用域以及拦截器和过滤器分析
- jq每5秒执行该语句
- Intellij IDEA 安装lombok及使用详解