?

?

AngularJS2 基礎學習: 參考 mybase 3-26 文件

angular 環境的構建:( 由于 Angular 編寫的代碼不是 瀏覽器可以直接運行的，需要經過編譯，所以需要構建一個環境)

1， npm ,nodejs 的安裝:
　　npm 安裝:(需要聯網)
　　　　sudo apt install npm

　　　　查看安裝成功: npm -v
　　　　npm 設置代理:
　　　　　　$ npm config set proxy http://username:password@server:port
　　　　　　$ npm config set https-proxy http://username:pawword@server:port
　　　　　　參考博客: https://blog.csdn.net/qq_34645412/article/details/74784408
　　　　npm 取消代理: npm config delete proxy ( sudo )


　　nodejs ： https://nodejs.org/en/download/ (nodejs 官網)
　　　　Ubuntu:/CentOS:
　　　　　　wget https://nodejs.org/dist/v6.9.5/node-v6.9.5-linux-x64.tar.xz -- 也可以自己在官網下載
　　　　　　tar -xvf node-v6.9.5-linux-x64.tar.xz
　　　　　　sudo mv node-v6.9.5-linux-x64 /usr/local/node
　　　　　　sudo ln -s /usr/local/node/bin/node /usr/local/bin/node
　　　　　　sudo ln -s /usr/local/node/lib/node_modules/npm/bin/npm-cli.js /usr/local/bin/npm

　　　　　　新加: sudo ln -s /usr/local/node/lib/node_modules/@angular/cli/bin/ng ?/usr/local/bin/ng

　　　　　　查看安裝成功: node -v
　　　　　　卸載nodejs：
　　　　　　　　sudo apt-get remove nodejs
　　　　　　參考博客： http://cnodejs.org/topic/550a425d3135610a365b0292

　　參考博客: https://www.cnblogs.com/EasonJim/p/8324834.html
2， angularJS 環境搭建:

　　(1) 安裝 angular/cli ， angular/cli 是一個命令行界面工具，用于創建項目，添加組件，服務，測試，打包，發布等任務；
　　　　注意: angular/cli 需要 nodeJs > node.6.9.x 版本 ,npm > 3.x.x 版本
　　　　　安裝: npm install -g @angular/cli
　　　　　安裝成功檢測: ng version
　　(2) 創建新的項目: ng new my-app
　　(3) 啟動服務器: ng server --open? ? ( ctrl + c 關閉服務器 )
　　(4) 訪問首頁: http://localhost:4200/

3, 文件及目錄結構:

　　代碼目錄:

　　

?

　　根目錄文件:

　　　　

?

常見錯誤:

直接將 nodejs 解壓目錄下面的 npm 拷貝到 /usr/local/bin/ 目錄下面是不行的， 由于 9.9.0 nodejs 版本的 npm 是有一個軟鏈接 ，拷貝的時候，軟鏈接沒有拷貝
參考文檔: Angular JS 中文官網:??https://angular.cn/guide/quickstart

?

轉載于:https://www.cnblogs.com/pieguan/p/8686507.html

總結

以上是生活随笔為你收集整理的AngularJS2 环境搭建:的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。