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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...