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學習筆記2:Spring專案 環境搭建
作者:藝術就是爆炸 出處: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的開發包 驗證