Angularjs---项目搭建图文教程
开发工具采用WebStorm，没破解，使用了过期策略：安装之后不着急打开程序，先设置系统日期为未来的某个日期，比如2020年。然后再打开程序，试用。然后再改回来系统日期。虽然每次打开WebStorm都会提示：
不过不影响使用，点击“OK”继续吧。
项目采用anguarjs seed项目作为基础框架，搭建完成之后如下：
.bowerrc的配置如下：
{ "directory": "app/lib"}
3. app中的各view拆分成不同的目录存放，如下：
4. 接下来是依赖的第三方库导入，bower install --save 库名
用到的几个：
angular-local-storage ： 本地存储，如果不支持localstore，自动切换为cookie
angular-summernote ： 简易的富文本编辑，界面引用简单，记着在app.js中注册“summernote”
<summernote height="300" lang="zh-CN"></summernote>
angular-base64和angular-md5 加解密
bootstrap 样式必然是这个
bootstrap-fileinput 图片上传，支持上传即可预览
5. 配置打包的fis-config.js
// 包含所有文件
fis.config.set('project.include', '**');
// 排除目录
fis.config.set('project.exclude', /^\/lib\/.*\/src\//i);
// 加载pack
fis.config.set('modules.postpackager', 'simple');
fis.config.set('pack', {
'js/application.js': [
'/lib/angular/angular.min.js',
'/lib/angular-route/angular-route.min.js',
'/lib/jquery/dist/jquery.min.js',
'/js/app.js',
'/js/controllers.js',
'/js/directives.js',
'/js/filters.js',
'/js/services.js'
],
'css/application.css': [
'/lib/bootstrap/dist/css/bootstrap.min.css',
'lib/font-awesome/css/font-awesome.min.css',
'/css/**.css'
]
});
fis.config.merge({
roadmap : {
domain : {
'**.css' : '/ocs',
'**.js' : '/ocs',
'**.eot' : '/ocs',
'**.ttf' : '/ocs',
'**.woff' : '/ocs',
'**.woff2' : '/ocs'
}
}
});
fis-config.js
6.样式模板，选了几个基于angulajs+bootstrap的开源项目，感觉不错的两个个
AdminLTE：git://github.com/almasaeed2010/AdminLTE.git
charisma：https://github.com/usmanhalalit/charisma/archive/master.zip
以上这篇Angularjs---项目搭建图文教程就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Node.js是一个基于chrome v8引擎的JavaScript运行时环境,用于构建快速、可扩展的网络应用程序,在某些情况下,降级Node.js版本可能额是必要的,本篇文章将向您介绍如今降级Node.js版本并提供相应的源代码示例,需要的朋友可以参考下2023-11-11
这篇文章主要为大家介绍了pm2工具在Node.js开发部署中的重要作用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-12-12
这篇文章主要介绍了CentOS 8.2服务器上安装最新版Node.js的方法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-12-12
又到了一年的面试季，今年情况特殊，很多人可能都窝在家里，也有一些人准备找工作，但是疫情严重，也没企业发招聘信息。这个时候，最好的做法就是在家里刷面试题2020-02-02
在本篇内容里小编给大家整理了关于node.js使用express框架进行文件上传的相关知识点内容，有需要的朋友们跟着学习下。2019-03-03
这篇文章主要介绍了node.js中的socket.io的广播消息,需要的朋友可以参考下2014-12-12
手把手教你VSCode配置JavaScript基于Node.js的调试环境
最近在补数据结构,在用VScode调试js代码文件结果怎么都不行,这篇文章主要给大家介绍了关于VSCode配置JavaScript基于Node.js的调试环境的相关资料,需要的朋友可以参考下2022-12-12
Node-Red是IBM公司开发的一个可视化的编程工具，在网页内编程，主要是拖拽控件，代码量很小,这篇文章主要介绍了基于Node-red的在线评语系统(可视化编程,公网访问),需要的朋友可以参考下2022-01-01
nodejs不用electron实现打开文件资源管理器并选择文件
最近在开发一些小脚本,用 nodejs 实现,其中很多功能需要选择一个/多个文件,或者是选择一个文件夹,这种情况下网上给出的解决方案都是 electron,但是我一个小脚本用 electron 属实有点夸张了,后来转念一想可以通过 powershell 来实现类似的功能,需要的朋友可以参考下2024-01-01
下面小编就为大家带来一篇nodejs 搭建简易服务器的图文教程(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
最新评论