angular-cli快速搭建

Angular中文官網地址:https://angular.cn/guide/quickstart

1.設置開發環境

  node 8.X以上版本,npm 5.x以上版本(node -v , npm -v)  

  全局安裝Angular Cli

  windows系統: npm install -g @angular/cli

  mac   系   統:   sudo npm install -g @angular/cli   (輸入用戶密碼)

注:mac   Ubuntu系統,上面全局安裝angular腳手架,命令必須加sudo,下面的命令可加可不加,

         window 一律不用加sudo

2.創建新項目

    進入項目需要放在的文件目錄下面,運行下面命令生成新項目及默認應用代碼

    (sudo) ng new my-app(項目文件名稱)

    在所選目錄下生成my-app文件夾(加sudo,生成的文件有隻讀權限)

3.進入目錄,啓動開發服務器

    cd my-app

    (sudo) ng serve --open

    (參數--open 或 -o自動打開瀏覽器,監聽4200端口,http://localhost:4200/)

4.編輯組件

    注:my-app下文件若爲只讀狀態,cd my-app  ,   sudo chmod 777 * -R 修改權限;

    在./src/app/app.component.ts文件目錄下,cli創建了一個基本組件

    具體文件目錄信息見官網介紹

    

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章