<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # Angular 開發工作區設置 > 原文: [https://howtodoinjava.com/angular/dev-workspace-setup/](https://howtodoinjava.com/angular/dev-workspace-setup/) 學習在本地工作站中為 Angular,Node 和 TypeScript 設置開發環境,以開發下一代 UI 應用。 ```java Table of Contents Install Node Install Git Install Packages Create Angular HelloWorld Demo ``` ## 安裝 Node 1. 轉到 [Node 下載頁面](https://nodejs.org/en/download/),然后根據您的機器配置下載安裝程序。 2. 執行安裝程序。 如果要在任何備用位置上安裝 Node,請選擇路徑。 我建議使用默認選項。 3. 驗證是否已使用此命令安裝了 Node。 ```java $ node --version v8.11.3 //output ``` ## 安裝 Git 1. 轉到 [Git 下載頁面](https://git-scm.com/),然后根據您的機器配置下載安裝程序。 2. 執行安裝程序。 如果要在任何備用位置上安裝 Git,請選擇路徑。 我建議使用默認選項。 3. 驗證是否已使用此命令安裝了 Git。 ```java $ git --version git version 2.17.1.windows.2 //Output ``` 另外,運行以下命令來設置您的 git 身份。 ```java $ git config --global user.email "you@example.com" //Use your git email id $ git config --global user.name "Your Name" //Use your git name ``` ## 安裝包 現在,在安裝了 node 和 git 之后,該安裝必要的`npm`包了。 ```java $ npm install -g rxjs $ npm install -g typescript $ npm install -g webpack $ npm install -g webpack-cli $ npm install -g @angular/core $ npm install -g @angular/cli $ npm install -g gulp ``` ## 創建 Angular HelloWorld 在命令提示符下轉到您的工作區,然后運行此命令。 此命令將在`helloworld`文件夾中創建一個新的 Angular 應用 – 其中包含所有必需的文件。 ```java $ ng new helloworld ``` ![Angular CLI Generated Files](https://img.kancloud.cn/16/2d/162d69a1e930525548b751d4249afee7_637x292.png) Angular CLI 生成文件 ## 演示 要運行上面創建的應用,請從應用文件夾中運行命令`ng serve`。 ```java $ cd helloworld $ ng serve ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** Date: 2018-06-18T17:10:50.638Z Hash: 832b348b3a35e13efaf8 Time: 6365ms chunk {main} main.js, main.js.map (main) 10.7 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 227 kB [initial] [rendered] chunk {runtime} runtime.js, runtime.js.map (runtime) 5.22 kB [entry] [rendered] chunk {styles} styles.js, styles.js.map (styles) 15.6 kB [initial] [rendered] chunk {vendor} vendor.js, vendor.js.map (vendor) 3.06 MB [initial] [rendered] i ?wdm?: Compiled successfully. ``` 打開瀏覽器,然后在`http://localhost:4200/`中驗證正在運行的應用。 ![Angular HelloWorld in Browser](https://img.kancloud.cn/dc/e4/dce409b84896cf54333d61ce17d1d847_639x442.png) 瀏覽器中的 Angular HelloWorld 您的 Angular 開發環境已啟動并正在運行。 將我的問題放在評論部分。 學習愉快!
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看