1. 程式人生 > >Angular4.0 安裝 環境搭建及安裝失敗解決辦法

Angular4.0 安裝 環境搭建及安裝失敗解決辦法

1.安裝nodejs
首先要安裝nodejs,可以直接到node官網下載安裝。

安裝完成後,開啟cmd ,輸入node -v 檢視是否安裝 。

npm工具也會隨node一起自動安裝,使用npm -v 檢視。


2.安裝淘寶映象cnmp

由於npm 安裝Angular CLi太慢 所以使用cnmp。

開啟cmd,輸入

npm install -g cnpm --registry=https://registry.npm.taobao.org


安裝成功。

3.使用cnpm安裝Angular CLi

開啟cmd,輸入

cnpm install -g @angular/[email protected]

安裝成功後,Angular CLI的命令詞為ng,我們輸入ng -v檢視版本。


4.建立專案

首先我們要設定cnpm為預設使用。

ng set --global packageManager=cnpm

然後進入想要建立專案的地方 輸入 ng new project

project為專案名。


此處要下載東西,時間較長,耐心等待。


安裝完成。

5.執行專案

進入專案,使用ng serve命令執行專案。



執行成功。

由於專案預設是4200埠。所以在瀏覽器中輸入localhost:4200即可訪問。


6,安裝問題。

win7電腦 ng serve啟動失敗,需要安裝Python即可。

如果安裝之前已經安裝了Angular Cli 則需要先解除安裝後安裝。

解除安裝老版本: 
npm uninstall -g angular-cli 
npm uninstall –save-dev angular-cli 
解除安裝新版本: 
npm uninstall -g @angular/cli 
清除下快取 
npm cache clean

相關推薦

Angular4.0 安裝 環境搭建安裝失敗解決辦法

1.安裝nodejs首先要安裝nodejs,可以直接到node官網下載安裝。安裝完成後,開啟cmd ,輸入node -v 檢視是否安裝 。 npm工具也會隨node一起自動安裝,使用npm -v 檢視

CentOS 6.5 -- Redis 4.0.2環境搭建安裝和例項啟動

關於Redis,不做解釋,主要講操作 一、準備一個純淨版的CentOS 6.5 二、SSH工具連線CentOS 64-bit-Redis 三、安裝curl下載工具包 yum install curl (如果安裝的過程中自動yes,帶上引數  yum-y ins

nodejs安裝環境搭建--gulp安裝

原文:3w.ydcss.co*m/archives/18#lesson6 1. 下載nodejs安裝包 2. 安裝Nodejs Window:直接下一步下一步式安裝。安裝好後WIN+R輸入cmd調出DOS視窗,輸入node看是否有互動,如果沒有則檢視系統變數Pat

RobotFramework(RF)+Appium完全安裝環境搭建和配置的解決方案

【本部落格原創,都是經過博主本人全程操作安裝過的,踩過的坑都記錄在本文,有興趣的讀者跟著做一遍~~~】一、搭建環境流程1.先安裝python2.7環境(python-2.7.14.amd64.msi),(1)再安裝第三方庫:wxPython(32位的電腦就安裝win32,64

http訪問svn linux伺服器環境搭建一些問題解決

安裝httpd服務/svn服務 一、安裝apache  # yum install httpd httpd-devel  # service httpd start  # chkconfig httpd on    # vi /etc/httpd

Eclipse C/C++ Python環境搭建常見問題解決

一、Java JDK 安裝Java JDK比較簡單,直接到Java SE Downloads頁面下載相應的軟體版本進行安裝即可。 二、Eclipse的安裝 下載完成後,點選檔案進行安裝。建議選第二個選項,我選的第三個,各種問題。    

hbase:偽分佈環境搭建常見錯誤解決方法

配置注意事項 1、 ssh 必須安裝ssh , sshd 也必須執行,這樣Hadoop的指令碼才可以遠端操控其他的Hadoop和HBase程序。ssh之間必須都打通,不用密碼都可以登入,詳細方法可以Google一下 ("ssh passwordless login").

Fiddler手機抓包環境搭建可能問題解決

Fiddler手機抓包環境搭建 1、下載Fiddler. 2、開啟Fiddler->Tools->Fiddler Options->Connections->Allow remote computers to connect,注意埠號,一般是8888 3、電腦與機連線同一網路,電腦cm

pip安裝numpy、scipy模組失敗解決辦法

  咳咳,新學期開始了,又會有新的問題出現、新的麻煩解決、新的方法學習以及新的問題出現、新的方法學習、新的問題解決,周而復始(某熊的神經大概是出現了問題),好吧,我是被模組給折磨的有些不正常了,經歷了

AndroidStudio環境搭建筆記---常見問題解決辦法

Android開發環境搭建 主要是根據老師給的“開發環境配置.pdf”進行操作,其中遇到了幾個問題 1、剛開始進去的時候有個gradle sync的錯誤,然後看了下專案資料夾下的檔案gradle-wrapper.properties,發現 #Sun Sep 0

docker中mysql初始化啟動失敗解決辦法

在docker中有一個mysql服務,其資料檔案是掛在在主機外面的檔案,在docker中的root有訪問該資料檔案的許可權,但是docker中mysql訪問資料檔案的時候提示許可權不足,於是只有以

vue2.0+ 使用v-model 報錯解決辦法

var childVue = { template:"<div><div>{{ msg }}</div><button @click=\"changeFater\">改變父元件值</button></div>",

ExtJs4.0環境搭建spket安裝

      這些天在邊學邊用ExtJs,避免不了要寫相關的程式碼來加深對這個框架的理解,那麼首先就得搭建一個ExtJs的環境。 1、開發環境      Microsoft Windows XP:Ver

Go:windows下go環境搭建IDE安裝過程

直接 mage download www 添加 系列 del 安裝包 目錄 /** * @Description windows下go環境搭建及IDE安裝過程 * @author ranx * @date 2018年11月23日 上午9:05:20 * */  一直都

PHP 環境搭建(2) 安裝PHPapache

Php 1. PHP 下載後解壓 php-7.1.17-Win32-VC14-x64.zip 2.從解壓路徑下選擇php.ini-development 複製為php.ini 3. 對php.ini檔案的   ; extension_dir = "ext" 去掉註釋

保姆級教程——Ubuntu16.04 Server下深度學習環境搭建安裝CUDA8.0,cuDNN6.0,Bazel0.5.4,原始碼編譯安裝TensorFlow1.4.0(GPU版)

寫在前面 本文敘述了在Ubuntu16.04 Server下安裝CUDA8.0,cuDNN6.0以及原始碼編譯安裝TensorFlow1.4.0(GPU版)的親身經歷,包括遇到的問題及解決辦法,也有一些自己的經驗,希望能對讀者有所幫助。期間參考了許多前人的文章,後文會一一附上鍊接,在此先行謝過。在下能力有限,

安卓學習第一節--環境搭建Android Studio 安裝

  1.安裝JDK   2.安裝AS 安裝參考網址 https://www.cnblogs.com/xiadewang/p/7820377.html   下載網址: http://www.android-studio.org/ https://ser

Linux Redhat7.0 And Centos6.8 Mysql5.6安裝環境搭建

在Linux系統中安裝mysql和windows中安裝mysql還是有很多不同之處,解決在mysql資料安裝過程中的各種問題,以下是詳細的安裝筆記。 1.軟體包下載      下載地址:http://dev.mysql.com/downloads/mysql

Ubuntu中Python3的環境搭建pycharm的安裝

一.虛擬環境 1.Linux系統預設已經安裝了兩個python版本,分別為python2.7.12與python3.5.2 如果執行命令python,進入到python2.7.12環境下 如果執行命令python3,進入到python3環境下 2.不同的

VS2010+Qt5.4.0 環境搭建(離線安裝)

前言     因專案需要Qt開發GUI,我根據網上資料及自己的經驗整理了搭建vs2010+Qt 5.4 開發環境。我的主要貢獻是在Qt新版下載主頁的背景下介紹離線安裝Qt5.4及外掛Visual Studio Add-in 1.2.4。 1. 下載Qt5.4及Qt外掛 1.