1,環境的搭建,angular

来源:http://www.cnblogs.com/quan01994/archive/2017/12/20/8074454.html
-Advertisement-
Play Games

也是學習一些皮毛,只是把這些經驗記錄下來而已。 至於angular有什麼好處,或者有什麼是什麼,我就不多做介紹,自己可以去百度,肯定能找到更為詳細的。 我使用的是google提供的angualr-cli。 他能夠快速的搭建一個angular開發的腳手架,不必自己去一步步的搭建。 當然需要配置angu ...


 

也是學習一些皮毛,只是把這些經驗記錄下來而已。

至於angular有什麼好處,或者有什麼是什麼,我就不多做介紹,自己可以去百度,肯定能找到更為詳細的。

我使用的是google提供的angualr-cli。

他能夠快速的搭建一個angular開發的腳手架,不必自己去一步步的搭建。

當然需要配置angular-cli  

首先我們先去使用nvm,來進行nodejs版本管理,至於為什麼,因為版本更新太快了。

首先你能訪問github,如果不能訪問,那麼你需要科學上網。

1 ,安裝nvm

進入這裡 https://github.com/coreybutler/nvm-windows/releases 下載setup版就可以了,進行解壓,安裝,

如同我,安裝在d:/nvm   

nodejs 引用

記住:不要安裝在具有空格名字的文件夾下。比如Program Files 。

安裝完了,進入cmd或者powershell打入nvm 應該就會識別到。

2,進行nvm的配置

進入nvm的安裝目錄,打開settings.txt,進行如下配置。

root和path,不要修改。

只需要添加下麵部分就夠了。

arch: 64
proxy: none
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

保存即可

3,安裝nodejs,

在cmd中打入 nvm list available

你可以看到有非常多的版本,我推薦安裝lts的最新版。

nvm install 8.9.3 就可以安裝8.9.3版本的node 。

nvm uninstall 8.9.3 就可以卸載8.9.3版本的node

nvm list 可以查看當前機器安裝的所有node

安裝完了,你需要去use一下,

nvm use 8.9.3

這是會彈出2次需要管理員許可權,選是即可。

然後在輸入nvm list 

你會看到8.9.3已經被使用了。

當然,這一步出錯的話,檢查安裝路徑或者引用路徑是否具有空格。

4,angula-cli的安裝。

首先為npm配置淘寶源,不推薦使用cnpm ,因為會出現一些非常奇怪的問題。

npm config set registry https://registry.npm.taobao.org   

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

這兩句就是配置,當然還會有其他的庫也可以配置到淘寶源,現在需要安裝angular 所以就只需要這兩句,當然你有科學上網,那就無視。

 

npm install -g @angular/cli    

安裝angular-cli。 -g是全局安裝。

如果沒有報ERR,就行了,警告可以無視。

 

這時,你打入ng --version,應該就能識別了

至此,angular的開發環境已經搭建完畢。

開發工具我使用webstorm ,當然這個開發工具實在是太智能了。

至於激活,我是購買正版。

可以去http://www.imsxm.com/jetbrains-license-server.html找辦法。

OK,下一節開始說angular的一些基本概念。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • HTML是個什麼鬼? 前端開發人員要想和瀏覽器溝通,就要用到瀏覽器才能夠識別的語言(HTML超文本標記語言),所以他是一門瀏覽器能夠識別的語言。是一種由標簽組成的超文本標記語言,而非編程語言。一個html文檔就是一個網頁。 什麼是html標簽呢? HTML標記標簽通常被稱為HEML標簽,他是由尖括弧 ...
  • $(function(){ $.fn.autoHeight = function(){ function autoHeight(elem){ elem.style.height = 'auto'; elem.scrollTop = 0; //防抖動 elem.style.height = elem. ...
  • 我們知道,只有請求成功ajax才會進行回調處理,具體狀態碼為 status >= 200 && status < 300 || status 304; 這一點通過查看JQuery的源碼就可以證實。 舉個例子來說明,用ajax來實現重定向,ajax非同步請求A,A內部重定向到B。 思考: Q1:ajax ...
  • 1.安裝dva-cli npm install dva-cli -g npm install dva-cli -g 2.創建應用 dva new dvadashboard [dvadashboard為項目名] 3.安裝mockjs npm install mockjs --save 4.配置mock ...
  • 1.獲取url所有的參數 我們可以直接通過window.location.search來取得這部分,也就是我們需要的url參數。當url沒有包含?時,window.location.search會返回undefined。 2.獲取url中指定鍵名(name)的鍵值(val) 3.利用正則表達式來獲取 ...
  • css中允許應用純色作為背景,也允許使用圖片作為背景。 background一共有8個對應的屬性: 1、background-color:顏色值 用於設定背景的顏色 有3種定義顏色的形式, 1, 顏色關鍵字表示法,可直接用英文單詞來定義,比如red,blue,green等。 2, 16進位表示法,用 ...
  • 冒泡排序 快速排序 去重 查找字元串中最多的值 ...
  • 問題說明:點擊綠色控制項不觸發紅色控制項的對應的事件如圖: Bug: 紅色框和綠色框都設置了響應事件,當點擊綠色框的時候,紅色框的事件也會觸發。 解決過程:查資料 總所周知 js 一般都是使用冒泡流,在翻看《JavaScript高級程式設計》瞭解到中:在通過HTML特性指定事件處理程式時,變數event ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...