Angularjs---項目搭建圖文教程
開發(fā)工具采用WebStorm，沒破解，使用了過期策略：安裝之后不著急打開程序，先設(shè)置系統(tǒng)日期為未來的某個日期，比如2020年。然后再打開程序，試用。然后再改回來系統(tǒng)日期。雖然每次打開WebStorm都會提示：
不過不影響使用，點擊“OK”繼續(xù)吧。
項目采用anguarjs seed項目作為基礎(chǔ)框架，搭建完成之后如下：
.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---項目搭建圖文教程就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Node.js是一個基于chrome?v8引擎的JavaScript運行時環(huán)境,用于構(gòu)建快速、可擴展的網(wǎng)絡(luò)應用程序,在某些情況下,降級Node.js版本可能額是必要的,本篇文章將向您介紹如今降級Node.js版本并提供相應的源代碼示例,需要的朋友可以參考下2023-11-11
這篇文章主要為大家介紹了pm2工具在Node.js開發(fā)部署中的重要作用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
這篇文章主要介紹了CentOS 8.2服務器上安裝最新版Node.js的方法，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-12-12
又到了一年的面試季，今年情況特殊，很多人可能都窩在家里，也有一些人準備找工作，但是疫情嚴重，也沒企業(yè)發(fā)招聘信息。這個時候，最好的做法就是在家里刷面試題2020-02-02
在本篇內(nèi)容里小編給大家整理了關(guān)于node.js使用express框架進行文件上傳的相關(guān)知識點內(nèi)容，有需要的朋友們跟著學習下。2019-03-03
這篇文章主要介紹了node.js中的socket.io的廣播消息,需要的朋友可以參考下2014-12-12
手把手教你VSCode配置JavaScript基于Node.js的調(diào)試環(huán)境
最近在補數(shù)據(jù)結(jié)構(gòu),在用VScode調(diào)試js代碼文件結(jié)果怎么都不行,這篇文章主要給大家介紹了關(guān)于VSCode配置JavaScript基于Node.js的調(diào)試環(huán)境的相關(guān)資料,需要的朋友可以參考下2022-12-12
基于Node-red的在線評語系統(tǒng)(可視化編程,公網(wǎng)訪問)
Node-Red是IBM公司開發(fā)的一個可視化的編程工具，在網(wǎng)頁內(nèi)編程，主要是拖拽控件，代碼量很小,這篇文章主要介紹了基于Node-red的在線評語系統(tǒng)(可視化編程,公網(wǎng)訪問),需要的朋友可以參考下2022-01-01
nodejs不用electron實現(xiàn)打開文件資源管理器并選擇文件
最近在開發(fā)一些小腳本,用 nodejs 實現(xiàn),其中很多功能需要選擇一個/多個文件,或者是選擇一個文件夾,這種情況下網(wǎng)上給出的解決方案都是 electron,但是我一個小腳本用 electron 屬實有點夸張了,后來轉(zhuǎn)念一想可以通過 powershell 來實現(xiàn)類似的功能,需要的朋友可以參考下2024-01-01
下面小編就為大家?guī)硪黄猲odejs 搭建簡易服務器的圖文教程(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07