『壹』 如何使VS2015/2017的TypeScript支持React
1.安裝node,因為ts的編譯器是js/ts寫的;
安裝node後同時獲得npm命令,這是nodejs世界裡的包管理器(也可以看作node的app商店);
2.安裝vs 2015或者vs code,當然這不是必須的,但是這里強烈推薦寫ts的工具,vs第一,vsc第二;
3.vs自帶了TypeScript(vs2012+,vs2015update1自帶了ts1.7),最新版本的typescript for vs去官網下載即可, 或者如果不依賴vs(比如mac環境), 可以用命令行裝ts編譯器
npm i -g typescript@next
4. 安裝了ts後, 就會有2個命令可用:tsc和tsd, tsc用來編譯TypeScript代碼, tsd用來下載第三方js類庫的ts定義文件(或者叫頭文件),熟練使用tsd,工作效率提升,因為減少了80%查文檔的時間,所以寫ts可以說是jser打通了任督二脈,上手任何新的開發環境都很快;
5. 命令行下載react的ts頭文件,
tsd install react-global --save
注意上面之所以寫 react-global 而不是react, 因為我們接下來使用比較原始的寫法,直接把React當作全局對象使用, 而不作為es6模塊(必須用import引入),不需要Babel編譯也不需要webpack打包;
上面執行的tsd命令下載了ReactJS類庫的頭文件, 下面用tsc命令創建一個ts項目配置文件
tsc --init
命令創建了tsconfig.json配置文件, 打開該文件
增加"jsx": "react", 就是自動把tsx變成最終的js, 而不是jsx
把"outDir": "built", 這行去掉,這樣編譯的文件就會在當前目錄輸出
"target": "es5", 這里es3改成es5,
"watch": true 是否監聽文件修改 如果你用的是vs,這行不重要
6.下載reactjs文件,如果沒有安裝bower命令,可以手動去官網下載react類庫
bower install --save react
7.以上環境配置好了, 開始寫代碼:
創建一個demo.tsx文件(注意這里是tsx, 不是ts也不是jsx)
創建一個demo.html, 添加文件的引用
<!doctype html>
<html>
<head>
<script src="bower_components/react/react.min.js"></script>
<script src="bower_components/react/react-dom.min.js"></script>
<script src="demo.js"></script>
</head>
<body>
</body>
</html>
8. demo.tsx 寫代碼
class MyClass extends React.Component<any, any> {
render() {
return <h1>hello {this.props.name}</h1>;
}
}
document.addEventListener('DOMContentLoaded', function () {
ReactDOM.render(<MyClass name="Tom" />, document.body);
});
9. 如果保存了demo.tsx後, 沒有在目錄下發現自動編譯了粗兆demo.js, 那麼可能是vs沒配置好,如果你沒有裝vs或者vsc,沒關系,在當前文件夾下命令行運行
tsc
tsc命令會自動根據tsconfig.json裡面配置的情況, 自動幫你把代碼編譯成js, 這是編譯後的js文件
10. 打開demo.html可以看到效果了;
11. 至於題主說怎陪和么學習, 其實跟JS完全沒兩樣, 上面demo.tsx的代碼, 跟react官網的es6寫法一模一樣多了<any,any> 這兩個prop和states類型約束, 僅此而已;11. 至於題主說怎麼學習, 其實跟JS完全沒兩樣, 上面demo.tsx的代碼, 跟react官網的蘆凳盯es6寫法一模一樣多了<any,any> 這兩個prop和states類型約束, 僅此而已;
12. 下班, 有空再寫;
------時間分割------
13、繼續寫,對1-12進行潤色,轉入傳教模式;
以上的代碼,工廠方法在創建子類的同時,做了一些初始化的動作,這與單純的原型繼承不同,所以在使用class方式進行子類繼承,這樣的寫法是無效的;
class MyView extends React.Component {
render() {
return <h1>hello {this.state.name}</h1>; //會拋異常,因為state是null
}
//不起作用的
getInitialState:(){
return {name:'',age:20};
}
}
需要改成如下方式,下面是官網給出的方案(這里TypeScript和ES6情況是一樣的)
class MyView extends React.Component {
constructor(props, context) {
super(props, context);
this.state = {
name: '',
};
}
render() {
return <h1>hello {this.state.name}</h1>;
}
}
16、當組件化遇到強類型:
從前寫JS組件,一般復用性比較差,基本寫完就仍,原因如下:
1)暴露了太多的Dom結構以及別的實現細節;
2)命名挫,缺乏可記憶性,本身編程中變數和方法的命名對於碼農來說就是天坑;
3)JS天生缺乏私有和公共成員的約束,不加註釋根本不知道怎麼使用該類庫/組件;
React解決了把dom標簽暴露出去的問題,TS則解決了語言層面的問題,並提供了強大的重構能力,你根本不需要記住組件的API,因為工具會列出來;
『貳』 vs2015怎麼用來寫c語言c程序
因為C++包容C語言,運桐咐所以在vs2015中建立C++ Win32應用程序即可使用C編程,可旁純以像linux命令行一樣顯示結果:
工具欄:
文件——新建——項目:
----------模板——Visual C++——Win32——win32控制台應用程序:
---------------設置好「名稱」(如:CTest)「位置」後確定,進入「Win32應用程序向導」,完成即可(具體設置可以「下一步」查看)
----------------------界面左邊的「解決輪激方案管理器」可以查看建好的文件,其中CTest.cpp中的內容用c語言來寫就行,如:
CTest.cpp:
#include "stdafx.h"
int main()
{
char str[20] = "Hell World!";
printf("輸出:%s\n",str);
//需要在stdafx.h頭文件中加入"#include <stdlib.h>"這句話,它是system函數的頭文件
system("pause");//win32會執行完命令後自動退出,需要該命令暫停來看輸出結果
return 0;
}
『叄』 vs2015命令行啟動成功,圖標啟動失敗
1、首先vs2015命令行啟動成功,圖標啟動失敗,需下載directx修復工具進行自動修復。
2、其次檢查是否安裝了Microsoft Visual C++、Mircosoft net framework等庫。
3、修復安裝的vs2015,修復方法:控制面板爛消=》刪除或修飢純知改程序=》選擇安裝的vs2015=》更改=》重新選擇=》修改=》安裝。褲褲即可重新啟動圖標。
『肆』 win10運行VS2015調試拒絕訪問
用管理員身份打隱察如開命令行工具(cmd),執行如下命沒彎令:
灶啟Dism /online /add-capability /capabilityname:Tools.Graphics.DirectX~~~~0.0.1.0
重新再執行這個程序。
『伍』 win10 vs2015編譯 geos 3.6.2時提示
1)打開 VS2015 x86 本機工具殲褲命令提示; 開始知輪菜單->Visual Studio VS2015-> VS2015 x86 本機工具命令提示
2)通過cd 命令行命令 設置到geos資源目錄
3)設置到geos目錄後,以此鍵入如下命令行:
WIN32 DEBUG:
nmake /f makefile.vc WIN32=TRUE DEBUG=TRUE WIN32 RELEASE nmake /f makefile.vc WIN32=TRUE RELEASE=TRUE3.WIN64編譯1)打開 VS2015 X64 本機工具命令提示; 開始菜單->Visual Studio VS2015-> VS2015 x64 本機工具命令提示2)通過cd 命令行氏猛簡命令 設置到geos資源目錄3)設置到geos目錄後,以此鍵入如下命令行: WIN64 DEBUG: nmake /f makefile.vc WIN64=TRUE DEBUG=TRUE WIN64 RELEASE nmake /f makefile.vc WIN64=TRUE RELEASE=TRUE
『陸』 signtool.exe怎麼用
1.安裝windows sdk
生成證書和簽名工具都包含在裡面,Visual Studio應該都有自帶了,以下內容中使用的工具都可以在C:\Program Files\Microsoft SDKs\Windows\v7.0A\Bin裡面找到
2.創建 X.509 證書
MSDN對Makecert.exe(證書創建工具)的介紹:
證書創建工具生成僅用於測試目的的 X.509 證書。
它創建用於數字簽名的公鑰和私鑰對,並將其存儲在證書文件中。洞神賣
此工具還將密鑰對與指定發行者的名稱相關聯,並創建一個 X.509 證書,該證書將用戶指定的名稱綁定到密鑰對的公共部分。
使用這個命令行創建證書:
Makecert -sv abc.pvk -r -n 「CN=XXX公司」 abc.cer
-sv abc.pvk創建一個密鑰文件,來保存納逗私鑰,創建時需要輸入一個密碼。
3.創建發行者證書
MSDN對Cert2spc.exe(軟體發行者證書測試工具)的介紹:
發行者證書測試工具通過一個或多個 X.509 證書創建發行者證書 (SPC)。
Cert2spc.exe 僅用於測試目的。
可以從證書頒瞎搜發機構(如 VeriSign 或 Thawte)獲得有效的 SPC。
使用下面的命令行創建發行者證書:
Cert2spc abc.cer abc.spc
4.導出pfx證書文件
使用pvk2pfx.exe工具從pvk文件中導出pfx文件:
pvk2pfx -pvk abc.pvk -pi mypassword -spc abc.spc -pfx abc.pfx -f
把"mypassword "密碼替換為第二步時輸入的密碼
5.對自己的軟體簽名
使用signtool.exe進行簽名,MSDN對SignTool.exe(簽名工具)的介紹:
簽名工具是一個命令行工具,用於對文件進行數字簽名,驗證文件和時間戳文件中的簽名。
如果要對abc.exe進行簽名:
signtool sign /f abc.pfx /p mypassword abc.exe
把其中的密碼替換為自己的密碼。
『柒』 怎麼讓VS2015編寫的程序在XP中順利運行
2. VS2015開發XP程序的設置
1. 項目菜單->項目屬性->配置屬性->常規->平台工具集,選擇「VS2013WindowsXP(v120_xp)」;
2. 項目菜單->項目屬性->配置屬性->常規->MFC的使用,選擇使用標准Windows庫;如果選用靜態庫編譯的話選用靜態慧春庫中選用MFC。
3. 項目菜單->項目屬性->配置屬性->常規->字元集中使用多位元組字元集或使用Unicode字元集
4. 項目菜單->項目屬性->鏈接器->系羨陪統->子系統->控制台或窗口windows(根據你的項目類型選擇),第二項版本號設成5.01。
實際測試的時候這兩項不設置也可以,連接器和自動匹配。
5. C/C++->鏈接器->命令行,輸入相應的命令行,這一步非常關鍵,否則會出現「不是有效的win32應用程序」提示;
根據程序設計的運行環境是圖形窗口還是命令行窗口設置不同的命令行選項,如果運行環境是命令行窗口則使用如下命令:
/SUBSYSTEM:CONSOLE,」5.01」 (for Win32用在32位平台)
/SUBSYSTEM:CONSOLE,」5.02」 (for x64用在前派耐64平台)
如果運行環境是圖形窗口則使用如下命令:
/SUBSYSTEM:WINDOWS,」5.01」 (for Win32用在32位平台)
/SUBSYSTEM:WINDOWS,」5.02」 (for x64用在64平台)
現在就可以編譯運行程序了,試試看吧。
『捌』 vs2015x86本機工具命令提示符 在哪
方法/步驟
安裝之前先要看看自己的系統支不支持,
直接到 微軟官方網站進行下載:
或者到簡介中的網路中下載備份
雙擊下載後的軟體:vs2015.preview_ult_ENU.iso,將他載入到虛擬光碟機中,
點擊vs_ultimate.exe,開始運行:
安裝的時候建議:
① 選中所有的一起安裝;
② 不要把Visual Studio 安裝到了C盤
安裝過程比較的長
安裝完後系統會重新啟動一次,然後可以繼續安裝
"D:\Program Files (x86)\Microsoft Visual Studio 14.0\SecondaryInstaller\SecondaryInstaller.exe"
通過它來安裝Visual Studio對應的交叉開發環境
若想在Visual Studio上開發android native程序的早毀話,還需要自己去更新 android sdk,主要是更新跟Visual Studio自帶的這個「"C:\Program Files (x86)\Android\android-sdk\SDK Manager.exe"」
註:
① 由於sdk在C盤中,所以需要設置「C:\Program Files (x86)\Android\」這個逗嘩目錄的許可權為可寫才行陸指備,否則會報錯的;
最後在Visual Studio 2015進行android native activity開發時進行調試的效果圖:
如果想使用C#開發 Android 或 ios 應用的話,需要自己更新 Xamarin 插件,可以到官網去下載:
註:網路雲中也有備份哦
在Visual Studio 2015 用 C#進行android開發的效果圖