• <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>

            專職C++

            不能停止的腳步

              C++博客 :: 首頁 :: 聯(lián)系 :: 聚合  :: 管理
              163 Posts :: 7 Stories :: 135 Comments :: 0 Trackbacks

            常用鏈接

            留言簿(28)

            我參與的團隊

            搜索

            •  

            最新評論

            閱讀排行榜

            評論排行榜

            typescript的開發(fā)工具

            1. 現(xiàn)在typescript應(yīng)用越來越多了,它最大的優(yōu)勢,就是可讀性強。增加了很多語法檢查,減少了代碼誤錯率。
            2. 目前,我接解觸的typescript工具主要有vscode, visual stduio 2017webstorm

            vscode

            它的優(yōu)點非常突出。首先是免費開源。每月都會有更新,功能越來越強大。用它來開發(fā)typescript工程,完全夠用。像layabox和erget這兩個游戲引擎的ide,就是基于vscode定制的。而且,它本身就是基于node開發(fā),所以算是node的自擴展工具。它是typescript首選工具

            visual studio 2017

            在我心中,visual studio是宇宙無敵第一工具,能開發(fā)很多應(yīng)用,手機跨平臺應(yīng)用不在話下,還有云應(yīng)用。但是它太大了,離線英文安裝包達30G,如果全部安裝的話,我的120G的SSD小硬盤,完全不夠用。試著用它開發(fā)typescript或js,比vscode強大不少。但是,它太大了,跑不起…

            webstorm

            這是一個基于instllij的開發(fā)工具,功能也很全面,對于typescript還有專門的支持。它是收費的,不便宜。體積也比vscode大很多。顯示效果,沒有vscode高大尚。

            最后,各方考慮,還是推薦vscode

            正題

            創(chuàng)建node工程

            1. //比如在d:\tmp創(chuàng)建一個目錄 ts1
            2. mkdir d:\tmp\ts1
            3. cd d:\tmp\ts1
            4. npm init //按提示完成后,這完成node工程創(chuàng)建

            增加typescript支持

            1. //如果沒有安裝typescript,則用命令 npm install typescript -g 安裝
            2. tsc -v //可以看到當(dāng)前的版本
            3. //在d:\tmp\ts1目錄下面,輸入
            4. tsc --init
            5. //完成后,就會生成一個tsconfig.json的文件
            6. //最后
            7. code . //用vscode打開當(dāng)前目錄
            8. //在vscode,新建一個index.ts,
            9. //增加下面一行
            10. console.log('hello typescripit');
            11. //在命令行下,輸入tsc后,就會得到一個index.js,
            12. //然后輸入下面命令
            13. node .
            14. //就可以運行了
            15. //或者在vscode下,按下ctrl_+ shift + b,會彈出任務(wù)菜單項,選擇Tsc編譯,
            16. //然后再配置vscode運行,就可以按F5調(diào)試并運行了。

            一些問題解決

            增加代碼提示

            好像從vscode 1.8后,就不使用了typing了,改使用@types了。在編寫typescript的時候,如果要用到node自帶的fs,或http等模塊,用import后會有錯誤提示,那是因為沒有安裝@types

            1. //在命令提示符下:
            2. npm install @types/node@6.x //我這里用的是node 6.x
            3. //完成后,就可以愉快的使用node的模塊的代碼提示了

            劃分目錄

            默認的情況下,ts和js都是在一起的,生成發(fā)布版本的時候,就會有些亂了。所以,將所有生成的代碼,放到別的目錄。 
            打開tsconfig.js 
            找到compilerOptions中的outDir,增加./build,這樣就會將代碼生成到build里面了,然后修改package.json,修改main為build/index.js就可以運行了。 
            默認的情況下, 
            “allowJs”: true, /* Allow javascript files to be compiled. */ 
            表示會把代碼js文件,一起編譯到build下 
            這樣代碼,就會好多了:)

            去除同名js

            在沒有劃分目錄的情況下,基于ts生成的js和ts是在同一個目錄的,結(jié)果在vscode文件列表都會顯示,這個vscode設(shè)置一下就可以了。 
            Vscode->File->首選項->設(shè)置 
            增產(chǎn)加 “*/.js”: { “when”: “$(basename).ts” },就可以了,下面是具體配置的例子

            1. "files.exclude": {
            2. "**/.git": true,
            3. "**/.svn": true,
            4. "**/.hg": true,
            5. "**/CVS": true,
            6. "**/node_modules":true,
            7. "**/typings":true,
            8. "**/logs":true,
            9. "**/*.js": { "when": "$(basename).ts" },
            10. "**/**.js": { "when": "$(basename).tsx" },
            11. "**/.DS_Store": true
            12. },
            posted on 2017-12-23 12:15 冬瓜 閱讀(1482) 評論(0)  編輯 收藏 引用 所屬分類: javascript
            久久国产免费直播| 51久久夜色精品国产| 亚洲国产精品无码久久青草| 国产成人精品久久亚洲| 久久精品国产色蜜蜜麻豆| 奇米综合四色77777久久| 中文精品久久久久国产网址| 久久久久se色偷偷亚洲精品av| 精品久久久久香蕉网| 久久天天躁狠狠躁夜夜av浪潮 | 777久久精品一区二区三区无码| 国内精品久久久久久麻豆 | 奇米影视7777久久精品人人爽| 东京热TOKYO综合久久精品| 久久久黄片| 亚洲国产精品婷婷久久| 亚洲一区精品伊人久久伊人| 久久精品9988| 国产精品免费看久久久| 久久伊人五月丁香狠狠色| 观看 国产综合久久久久鬼色 欧美 亚洲 一区二区 | 麻豆成人久久精品二区三区免费 | 青青草原1769久久免费播放| 久久久久亚洲国产| 无码乱码观看精品久久| 色综合久久天天综合| 97精品久久天干天天天按摩 | 久久精品aⅴ无码中文字字幕不卡 久久精品成人欧美大片 | 国产99久久久久久免费看| 久久精品国产亚洲AV嫖农村妇女| 久久久久亚洲AV成人网| 91久久精品国产免费直播| 99久久这里只有精品| 国产精品久久成人影院| 久久午夜伦鲁片免费无码| 久久久久高潮毛片免费全部播放| 亚洲日本va午夜中文字幕久久| 精品久久久无码中文字幕天天| 国产亚洲色婷婷久久99精品91| 久久久久国产一级毛片高清版| 久久九九亚洲精品|