未分类

分享一个自己写的angular例子

thumbnail

分享一个自己写的angular完整例子

angular正式版发布到现在已经接近半年了,相信很多人想学但找不到合适的例子

因此打算将自己写的一个例子分享出来(源码我会放到下面)

环境安装

建议 node.js >= 6.10 (ES6支持较好)

国内加速设置

考虑到国内npm速度很慢,这里先配置国内加速

1
npm config set registry https://registry.npm.taobao.org

由于项目使用node-sass,所以再来配置node-sass国内加速

linux或mac配置

1
echo 'sass_binary_site=https://npm.taobao.org/mirrors/node-sass/' >> ~/.npmrc

windows配置

打开 环境变量 -> 新建,进行如下设置

变量名(N): SASS_BINARY_SITE
变量值(V): https://npm.taobao.org/mirrors/node-sass/

软件安装

1
npm install -g @angular/cli

代码部署

1
2
3
4
5
6
7
8
9
10
11
cd /your/path
npm install

# 调试
npm start

# 单元测试
npm test

# 编译
npm run build

按照提示的地址在浏览器中打开即可

nginx伪静态

1
2
3
4
5
6
7
8
9
10
server {
listen 80;
server_name demo.dev;
root /var/www/html/demo/dist;

location / {
index index.html index.htm;
try_files $uri $uri/ /index.html$is_args$args;
}
}

源码下载

https://github.com/repertory/angular-admin

分享到