javascript
AngularJS2 环境搭建:
?
?
AngularJS2 基礎(chǔ)學(xué)習(xí): 參考 mybase 3-26 文件
angular 環(huán)境的構(gòu)建:( 由于 Angular 編寫的代碼不是 瀏覽器可以直接運(yùn)行的,需要經(jīng)過編譯,所以需要構(gòu)建一個(gè)環(huán)境)
1, npm ,nodejs 的安裝:
npm 安裝:(需要聯(lián)網(wǎng))
sudo apt install npm
查看安裝成功: npm -v
npm 設(shè)置代理:
$ 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 官網(wǎng))
Ubuntu:/CentOS:
wget https://nodejs.org/dist/v6.9.5/node-v6.9.5-linux-x64.tar.xz -- 也可以自己在官網(wǎng)下載
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 環(huán)境搭建:
(1) 安裝 angular/cli , angular/cli 是一個(gè)命令行界面工具,用于創(chuàng)建項(xiàng)目,添加組件,服務(wù),測試,打包,發(fā)布等任務(wù);
注意: angular/cli 需要 nodeJs > node.6.9.x 版本 ,npm > 3.x.x 版本
安裝: npm install -g @angular/cli
安裝成功檢測: ng version
(2) 創(chuàng)建新的項(xiàng)目: ng new my-app
(3) 啟動服務(wù)器: ng server --open? ? ( ctrl + c 關(guān)閉服務(wù)器 )
(4) 訪問首頁: http://localhost:4200/
3, 文件及目錄結(jié)構(gòu):
代碼目錄:
?
根目錄文件:
?
常見錯(cuò)誤:
直接將 nodejs 解壓目錄下面的 npm 拷貝到 /usr/local/bin/ 目錄下面是不行的, 由于 9.9.0 nodejs 版本的 npm 是有一個(gè)軟鏈接 ,拷貝的時(shí)候,軟鏈接沒有拷貝參考文檔: Angular JS 中文官網(wǎng):??https://angular.cn/guide/quickstart
?
轉(zhuǎn)載于:https://www.cnblogs.com/pieguan/p/8686507.html
總結(jié)
以上是生活随笔為你收集整理的AngularJS2 环境搭建:的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 国六a能上牌吗?
- 下一篇: 都说日系车适合低粘度的,老车又说适合高粘