Angular 2 建立工程

2021-07-28 07:24:55 字數 772 閱讀 1636

工程的搭建使用的是:angularcli。使用它可以方便快捷的搭建出乙個可執行的工程。

首先我們需要確保已經安裝了angularcli,如果沒有則執行如下命令進行安裝:

npm install -g angular-cli
安裝成功接下來就要建立工程了:

ng new projectname
其中projectname是工程的名字。

建立好的工程目錄結構如下所示:

由package.json檔案可知,執行npm start命令啟動工程。

- 建立component:ng g component new-component

- 建立directive:ng g directive new-directive

- 建立pipe: ng g pipe new-pipe

- 建立service:ng g service new-service

- 建立class:ng g class new-class

- 建立inte***ce:ng g inte***ce new-inte***ce

- 建立enum:ng g enum new-enum

- 建立module:ng g module new-module

快速建立工程,還有一種方法:具體使用方法,可以自己去了解下。

使用Angular2建立專案

使用 light bootstrap dashboard angular cli 前端框架 bs3 angular2 ide vs code 執行 ng serve 後,開啟本地伺服器,最妙的是,在vscode中修改 直接在瀏覽器中反應變化。於是遇到第乙個坑,頁面一直在loading。還有記得看 控...

angular2 發布angular2模組,服務

上回說到了如何利用npm包管理器發布自己的包,這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構,一般都需要下列檔案 html檔案,css檔案,component檔案,module檔案。component檔案內容 import區域 impor...

ROS學習(2) 建立工程

建立src,放置功能包 mkdir p catkin ws src 進入src cd catkin ws src 初始化資料夾,會出現乙個cmakelists.txt檔案,告訴系統這是ros工作空間 catkin init workspace編譯工作在catkin ws資料夾下進行 catkin m...