1. 程式人生 > >Angular6學習筆記1:搭建開發環境

Angular6學習筆記1:搭建開發環境

搭建angular開發環境 

a.安裝node.js 

確認安裝結果 :

開啟cmd或者terminal

Last login: Thu Aug  2 13:48:04 on ttys000
bogon:~ wjy$ node -v
v8.9.1
bogon:~ wjy$ npm -v
5.5.1
bogon:~ wjy$ 

npm install -g @angular/cli

Last login: Thu Aug  2 13:48:57 on ttys000
bogon:~ wjy$ npm install -g @angular/cli

確認安裝結果:

bogon:~ wjy$ ng -v
     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|

                |___/
Angular CLI: 6.1.1
Node: 8.11.3
OS: darwin x64
Angular: 
... 
Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.7.1
@angular-devkit/core         0.7.1
@angular-devkit/schematics   0.7.1
@schematics/angular          0.7.1
@schematics/update           0.7.1
rxjs                         6.2.2
typescript                   2.7.2


c.建立一個新專案

ng  new demo(專案名稱)

bogon:WebstormProjects wjy$ ng new demo
CREATE demo/README.md (1021 bytes)
CREATE demo/angular.json (3530 bytes)
CREATE demo/package.json (1309 bytes)
CREATE demo/tsconfig.json (408 bytes)
CREATE demo/tslint.json (2805 bytes)
CREATE demo/.editorconfig (245 bytes)
CREATE demo/.gitignore (503 bytes)
CREATE demo/src/favicon.ico (5430 bytes)
CREATE demo/src/index.html (291 bytes)
CREATE demo/src/main.ts (370 bytes)
CREATE demo/src/polyfills.ts (3194 bytes)
CREATE demo/src/test.ts (642 bytes)
CREATE demo/src/styles.css (80 bytes)
CREATE demo/src/browserslist (375 bytes)
CREATE demo/src/karma.conf.js (964 bytes)
CREATE demo/src/tsconfig.app.json (170 bytes)
CREATE demo/src/tsconfig.spec.json (256 bytes)
CREATE demo/src/tslint.json (314 bytes)
CREATE demo/src/assets/.gitkeep (0 bytes)
CREATE demo/src/environments/environment.prod.ts (51 bytes)
CREATE demo/src/environments/environment.ts (631 bytes)
CREATE demo/src/app/app.module.ts (314 bytes)
CREATE demo/src/app/app.component.css (0 bytes)
CREATE demo/src/app/app.component.html (1141 bytes)
CREATE demo/src/app/app.component.spec.ts (989 bytes)
CREATE demo/src/app/app.component.ts (208 bytes)
CREATE demo/e2e/protractor.conf.js (752 bytes)
CREATE demo/e2e/tsconfig.e2e.json (213 bytes)
CREATE demo/e2e/src/app.e2e-spec.ts (300 bytes)
CREATE demo/e2e/src/app.po.ts (208 bytes)
⸨ ░░░░░░░░░░░░░░░░░⸩ ⠹ fetchMetadata: sill pacote range manifest for body-parse

等待下方的進度條跑完就回在相關目錄下建立一個新專案

bogon:WebstormProjects wjy$ ng new demo
CREATE demo/README.md (1021 bytes)
CREATE demo/angular.json (3530 bytes)
CREATE demo/package.json (1309 bytes)
CREATE demo/tsconfig.json (408 bytes)
CREATE demo/tslint.json (2805 bytes)
CREATE demo/.editorconfig (245 bytes)
CREATE demo/.gitignore (503 bytes)
CREATE demo/src/favicon.ico (5430 bytes)
CREATE demo/src/index.html (291 bytes)
CREATE demo/src/main.ts (370 bytes)
CREATE demo/src/polyfills.ts (3194 bytes)
CREATE demo/src/test.ts (642 bytes)
CREATE demo/src/styles.css (80 bytes)
CREATE demo/src/browserslist (375 bytes)
CREATE demo/src/karma.conf.js (964 bytes)
CREATE demo/src/tsconfig.app.json (170 bytes)
CREATE demo/src/tsconfig.spec.json (256 bytes)
CREATE demo/src/tslint.json (314 bytes)
CREATE demo/src/assets/.gitkeep (0 bytes)
CREATE demo/src/environments/environment.prod.ts (51 bytes)
CREATE demo/src/environments/environment.ts (631 bytes)
CREATE demo/src/app/app.module.ts (314 bytes)
CREATE demo/src/app/app.component.css (0 bytes)
CREATE demo/src/app/app.component.html (1141 bytes)
CREATE demo/src/app/app.component.spec.ts (989 bytes)
CREATE demo/src/app/app.component.ts (208 bytes)
CREATE demo/e2e/protractor.conf.js (752 bytes)
CREATE demo/e2e/tsconfig.e2e.json (213 bytes)
CREATE demo/e2e/src/app.e2e-spec.ts (300 bytes)
CREATE demo/e2e/src/app.po.ts (208 bytes)
npm WARN deprecated 
[email protected]
: 1.2.0 should have been a major version bump > [email protected] install /Users/wjy/WebstormProjects/demo/node_modules/fsevents > node install [fsevents] Success: "/Users/wjy/WebstormProjects/demo/node_modules/fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node" already installed Pass --update-binary to reinstall or --build-from-source to recompile > [email protected] install /Users/wjy/WebstormProjects/demo/node_modules/node-sass > node scripts/install.js Cached binary found at /Users/wjy/.npm/node-sass/4.9.2/darwin-x64-57_binding.node > [email protected] postinstall /Users/wjy/WebstormProjects/demo/node_modules/node-sass > node scripts/build.js Binary found at /Users/wjy/WebstormProjects/demo/node_modules/node-sass/vendor/darwin-x64-57/binding.node Testing binary Binary is fine added 1166 packages in 151.644s Successfully initialized git.

相關推薦

Angular6學習筆記1搭建開發環境

搭建angular開發環境  a.安裝node.js  確認安裝結果 : 開啟cmd或者terminal Last login: Thu Aug  2 13:48:04 on ttys000 bogon:~ wjy$ node -v v8.9.1 bogon:

Scrapy爬蟲學習筆記 - windows下搭建開發環境1

ima 搭建開發環境 環境 navicat win pyc arm bsp mysql 一、pycharm的安裝和簡單使用 二、mysql和navicat的安裝和使用 三、wi

hibernate框架學習筆記1搭建與測試

for this ble action 1.7 turn yiq targe cts hibernate框架屬於dao層,類似dbutils的作用,是一款ORM(對象關系映射)操作 使用hibernate框架好處是:操作數據庫不需要寫SQL語句,使用面向對象的方式完成

struts2框架學習筆記1搭建測試

method lang app org char 示例 重要 type img Servlet是線程不安全的,Struts1是基於Servlet的框架 而Struts2是基於Filter的框架,解決了線程安全問題 因此Struts1和Struts2基本沒有關系,只是創造者取

Omnipeek空口抓包(1)搭建開發環境

轉載請註明原文地址:https://mp.csdn.net/mdeditor/79279630 開發環境準備 安裝Omnipeek、安裝rtl8812a wifi驅動適配Omnipeek軟體 Omnipeek 10下載連結:http://download.csdn.net/do

React Native學習筆記一之搭建開發環境

因為專案需要,今天開始正式學習React Native,先來搭建個開發環境 忐忑的心情 因為專案比較急,而且客戶要求使用React Native開發,只能先學點基礎然後在專案中使用的時候,邊做邊學了,在保證工期的前提下,進擊的程式猿, go,go,go!

Android學習筆記NDK開發環境配置

   NDK 即Native Development Kit,因此又被Google稱為“NDK”。 1,提高程式的效能:把需要高效能的應用邏輯使用C開發, 2,程式程式碼進行保護:因為反編譯C/C++

學習PHP-MSF搭建開發環境

以下是操作過程: 公網地址: docker pull registry.cn-hangzhou.aliyuncs.com/pinguo-ops/php-msf-docker:latest 阿里雲經典內網: docker pull registry-inte

Lua學習筆記1開發環境搭建(windows和linux)

一 windows 1 下載安裝“Lua For Windows” 2 安裝  3 編碼 開啟SciTE,輸入: print("hello,lua!"); 然後儲存,字尾名一定要是".lua",不然無法執行 4 執行 Tools-》Go,或者快捷鍵F5 二

學習筆記1深度學習環境搭建win+python+tensorflow1.5+CUDA9.0+cuDNN7.0

        2018年2月13買了一臺Dell Inspiron7577,i7-7700hq、1050Ti顯示卡、win10家庭版。由於課題需要開始學習深度學習,之前在實驗室和自己的筆記本上安裝TensorFlow總是不成功,不然就是僅實現cpu運算。本次安裝主要是按照這

我的嵌入式學習筆記1)-- 搭建開發環境 .

  作為一個嵌入式linux的業內人士(臉紅ing,呵呵!),我需要一個我自己的環境,我選擇我喜歡,我選擇了Ubuntu這個系統,雖然這個系統有些方面不如redhat、fadero這些系統,如軟體包不是很全。但是發現問題、解決問題才能學到更多的東西嗎!Ubuntu有友好的

我的嵌入式學習筆記1)-- 搭建開發環境

作為一個嵌入式linux的業內人士(臉紅ing,呵呵!),我需要一個我自己的環境,我選擇我喜歡,我選擇了Ubuntu這個系統,雖然這個系統有些方面不如redhat、fadero這些系統,如軟體包不是很全。但是發現問題、解決問題才能學到更多的東西嗎!Ubuntu有友好的使用

MyBatis-Plus學習筆記(1)環境搭建以及基本的CRUD操作

MyBatis-Plus是一個 MyBatis的增強工具,在 MyBatis 的基礎上只做增強不做改變,使用MyBatis-Plus時,不會影響原來Mybatis方式的使用。 SpringBoot+MyBatis-Plus環境搭建 SQL指令碼: CREATE TABLE `tb_user` ( `id`

Angular6學習筆記8 服務(Service)(1

服務(Service) 繼學習筆記7,可以使用主從元件,現在繼續學習(服務)Service; 問題:為什麼需要服務? 因為:元件不應該直接獲取或儲存資料,它們不應該瞭解是否在展示假資料。 它們應該聚焦於展示資料,而把資料訪問的職責委託給某個服務。 這次將建立一個 H

Django實戰1-許可權管理功能實現-01搭建開發環境

1 專案開發環境 語言環境: python3.6.2 , django-2.1.2 資料庫環境:sqlite3(開發環境使用,部署環境使用mysql5.6) 開發工具:pycharm 2 安裝python 說明:已經安裝過python3.6環境的可以跳過此步。python安裝包下載地址

Django實戰1-權限管理功能實現-01搭建開發環境

彈窗 雙擊 pts 歡迎頁 file 興趣 數據庫 tro 實戰 1 項目開發環境 語言環境: python3.6.2 , django-2.1.2 數據庫環境:sqlite3(開發環境使用,部署環境使用mysql5.6) 開發工具:pycharm 2 安裝pytho

Spring學習筆記2Spring專案 環境搭建

作者:藝術就是爆炸  出處:https://blog.csdn.net/lianjiww/article/details/53571795 準備好相應的環境: 我們需要如下內容:  - eclipse,這裡我選用的是Eclipse Java EE IDE for Web

Python基礎搭建開發環境1

1.Python語言簡介   2.Python環境   Python環境產品存在多個。 2.1 CPython   CPython是Python官方提供的。一般情況下提到的Python就是指CPython,CPython是基於C語言編寫的。   CPython實現的直譯器將原始碼編譯為位

樹莓派開發筆記(二)qt開發環境搭建樹莓派qt編譯和宿主機qt交叉編譯

樹莓派開發筆記(二):qt開發環境搭建:樹莓派qt編譯和宿主機qt交叉編譯前話        前面已經成功執行樹莓派,下面使用qt開發樹莓派產品。搭建樹莓派qt編譯環境(不推薦:開發編譯速度慢)        安裝樹莓派的桌面版本,可以直接配置qt環境,此種方法總是卡卡的,所

angularjs2 學習筆記(一) 開發環境搭建 (vs2013)

開發環境,vs2013 update 5,win7 x64,目前最新angular2版本為beta 17 第一步:安裝node.js 安裝node.js(https://nodejs.org/en/),為的是能夠使用npm獲得angular2.0的開發包 驗證