Angularjs1 0環境搭建

2021-07-30 17:45:11 字數 1824 閱讀 3024

第一步:安裝node.js,開發工具採用webstorm或者sublime 從

為你的作業系統

node.js

安裝器。

通過下面的命令檢查下你安裝的node.js的版本:

node --version

node scripts/web-server.js

可以通過以下方式訪問應用程式:

這個應用程式雖然簡單,但它涵蓋了angularjs開發過程中會使用的各個功能,例如service、detective、filter等。

'use strict';

config(['$routeprovider', function($routeprovider) );

$routeprovider.when('/view2', );

$routeprovider.otherwise();

}]);

controllers.js的內容如下:

'use strict';

function myctrl1() {}

myctrl1.$inject = ;

function myctrl2()

myctrl2.$inject = ;

driectives.js的內容如下:

'use strict';

return function(scope, elm, attrs) ;

}]);

filters.js的內容如下:

'use strict';

filter('interpolate', ['version', function(version)

}]);

sevices.js的內容如下:

'use strict';

// demonstrate how to register services

// in this case it is a ****** value service.

value('version', '0.1');

angularjs seed提供了乙個典型的angularjs應用程式的骨架,我們可以在它的基礎上進行開發。其實很多專案組的開發都會採用

angular-seed或者

angular-

phonecat骨架。

github上的幾個project,有好奇心和專研心的親們可以看看,它們分別是:

有的人按照功能模組重組了一下,我個人更傾向於把功能模組的js和html放到同乙個資料夾,如下,

按照功能模組去組織資料夾。最終,我的目錄是這麼排列的:

common/ (通用模組庫)

utils/ (其他元件)

lib/ (包含所有第三方類庫)

templete/ (子模板資料夾,其內容按模組型別分類)

404.html

admin.html (admin模組的入口html)

customer.html (customer模組的入口html)

helpdesk.html (helpdesk模組的入口html)

login.html (login模組的入口html)

index.html (程式的總入口點,用以根據配置跳轉到各個模組入口)

repairer.html (repairer模組的入口html)

node_modules/ (grunt)

src/ (未經grunt處理的原始檔)

test/ (端到端測試)

gruntfile.js (grunt)

human.txt

package.json (grunt)

readme.md

angularjs2環境搭建

1.環境搭建 專案依賴,首先安裝nodejs node npm install g cnpm registry 安裝 angular cli客戶端依賴 cnpm install g angular cli 清除快取 一般啟動專案載入很慢的時候 npm cnpm cache clean 2.新建專案 ...

1 環境搭建

對於這個東西嗎,我也不是很了解,邊學邊記錄下來 需要的軟體都存入雲盤了 環境搭建 2 配置好路徑後,cmd命令除錯,敲入gradle然後回車,配置成功後如圖 選好自己想要的,已經開發引擎,點選generate,開始生成專案,生成過程中 generate按鈕變灰色,等待到變回白色高亮時候,專案就建立成...

2 環境搭建

虛擬環境的安裝和配置 vue環境 1,ide,使用webstorm,這個是和pycharm一家公司的,2,node.js,這個非常的重要,vue專案啟動的時候就是依賴的npm命令的,這個就是包管理器,這個要按照了node.js才會有的,node version,3,cnpm要配置一下,cnpm是np...