TypeScript也可使用Visual Studio 进行开发 TypeScript官网地址:(http://www.typescriptlang.org/) 1.先安装WebStorm WebStorm官网:(https://www.jetbrains.com/webstorm/) 2.安装Node.js 1.下载安装Node.js node-v0.12.4-x64.msi 保持默认设置尽量不要更改 2.打开cmd,键入npm,如果出现如下信息说明安装成功 否则可能需要在C:\Users[自…

1.安装rvm 先安装 [Xcode](http://developer.apple.com/xcode/) 开发工具,它将帮你安装好 Unix 环境需要的开发包 sudo curl -L https://get.rvm.io | bash -s stable sudo source ~/.rvm/scripts/rvm rvm -v 2.用rvm安装ruby sudo rvm install ruby--p648 gem -v gem source -r https://rubygems.or…

关于sass,就不想多说什么了.只要你有css基础,十分钟入门好吗.可以参考下资料:http://www.w3cplus.com/sassguide/ 今天想说的是webStorm下如何实现sass自动编译. 最近在学习SASS,研究了下编译的方法,现在大家一般用的有两种,一种是直接用命令行编译,另一种就是利用一些方便的编译工具,例如腾讯的koala.后来我发现,原来webstorm早就支持了sass编译  - - 真是贴心啊.... 废话不多说,直接去webstorm配置去. 打开settin…

今天配置下Webstorm下面的Eslint, 先看下本地安装的Node,NPM版本,2017-11-23日这个节点最新版本. >node -v v8.9.1 >npm -v 使用Webstorm快捷键Alt + F12,进入Terminal窗口,如下图 执行全局安装eslint npm install -g eslint 执行 eslint --init 初始化eslint配置文件,每一步根据自己需要选择YES or NO, C:\Users\XXXXXXX\WebstormProjects…

git本地代码库回滚(webstorm下) 1. 场景 添加了一个文件[file-for-test.js]到git的控制下(并没有push到远程分支上) 进行了三次修改,并分别进行了三次commit(并没有push) git log结果如下图: [file-for-test.js]文件的内容如下图: 现在希望,将本地代码库[file-for-test.js]文件回滚到[//lyn test1]的版本 2. 操作步骤 2.1. [Version Control]——[Log] 2.2. 右击[//…

git远程代码库回滚(webstorm下) 1. 场景 添加了一个文件[file-for-test.js]到git的控制下 进行了三次修改,并分别进行了三次commit,最后进行了一次push git log结果如下图: [file-for-test.js]文件的内容如下图: 现在希望,将远程代码库下的[file-for-test.js]文件回滚到[//lyn test1]的版本 2. 操作步骤 2.1. [Version Control]——[Log] 2.2. 右击[//lyn test1]…

人一旦上了年纪,记忆力就变得越来越不好. 最近写了许多的博文,倒不是为了给谁看,而是方便自己来搜索,不然一下子又忘记了. 如果恰巧帮助到了你,也是我的荣幸~~~~~~~~~~~~ 废话不多说,看正题~~~~ 首先打开你的webstorm.这里插一句话,尽量保证你的webstorm是比较新的版本,在webstorm的右下角会有提示你更新的.因为就目前来看,我们的angualr2.0项目是采用typescript来编写的,而最新版本的webstorm都只能支持到typescript2.0.8,而ty…

mac下: 主题包 1.mac下,点击桌面,使用shift+command+G 输入:~/Library/Preferences 前往(mac查找安装目录的方法,因为默认这些文件夹是隐藏的),进入WebStorm /colors,然后把我们下载的xxx.xml文件放在里边,重启WebStorm 2.点击Webstorm-->Preferences-->Editor-->Colors & Fonts 右边的Schema name选择我们刚下载安装的那个…

1.安装Ruby 2.安装sass 3.webstorm配置file watcher 4.移动端自适应 1.安装Ruby 安装Ruby,有多种方式,打开官网下载 因为,使用的是window选择RubyInstall,下载地址 RubyInstall下载地址 选择对应系统的版本,下载完成,安装 添加到path,建议勾上,安装完成后,打开开始面板,会有一个Start Command Prompt with Ruby,命令行工具. 2.安装sass 个人偏好sass,也可以选择less或stylus,…

1. 打开Nodejs官网http://www.nodejs.org/,点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”. 2. 下载好后,双击“node-v0.10.33-x64.msi”,按照默认选项安装Nodejs,默认安装路径为:C:\Program Files\nodejs. 3. “开始”-->cmd,打开cmd程序,输入“node -v”,出现” v0.10.33”; 输入“npm -v”,出现” 1.4.28”,说明Nodejs和npm都…

ECMAScript 6是JavaScript语言的下一代标准,已经在2015年6月正式发布了.Mozilla公司将在这个标准的基础上,推出JavaScript 2.0. ES6的目标,是使得JavaScript语言可以用来编写大型的复杂的应用程序,成为企业级开发语言. 作为一只猴子,我也想尝试一下ES6有什么新特性,于是开始了学习之路. 在webstorm写下了这段代码,体验一下ES6语法的便利,但是一大堆报错 各种语法错误 what the fuck 相信每一只程序猴都不想在这样的环境下编码…

问题出现场景 在项目中采用nodejs做中间层,做页面的首屏渲染,同时采用express作为主web框架,其中express的router页面路由我采用ts语言来编写.如下: //page.ts 文件 import request = require('request'); module.exports = function(router) { router.get('/', function(req, resp) { resp.render('xxx/page'); }); }; 编写完ts后…

webstorm自带less,不过要编译的话需要nodejs环境. 首先去node的主页下载对应版本的nodejs然后安装,下载地址:http://nodejs.org/ 安装完之后打开命令提示符(win+r),分别输入node -v以及npm -v如果返回版本号说明你安装成功了. 接下来就可以安装less了,命令提示符npm进入npm管理器,然后npm install less开始下载less,默认安装目录在用户名\node_modules这里面. 到这里less安装完毕了,接下来配置webs…

1.从一个git路径下,下载代码到本地,选择VCS->Checkout from Version Control ->GitHub.        2.可能会弹出需要设置上传代码的密码,这个是配置git的时候,你自己设置的.      3.贴上你git路径,其中Directory Name会自动填上.     4.下载完了代码了,问你是否打开,Yes.     5.点击Yes以后,会看到从git上面下载的代码.     6.接下来,测试一下上传代码到git.我们新建一个文件tab-test.h…

webstorm自带less,不过要编译的话需要nodejs环境. 首先去node的主页下载对应版本的nodejs然后安装,下载地址:http://nodejs.org/ 安装完之后打开命令提示符(win+r),分别输入node -v以及npm -v如果返回版本号说明你安装成功了. 接下来就可以安装less了,命令提示符npm进入npm管理器,然后npm -g install less开始下载less,默认安装目录在用户名\node_modules这里面.复制红框中的路径 到这里less安装完毕…

安装ts之前需要安装好node, 安装ts: 1. npm install -g typescript /opt/node/bin/tsc -> /opt/node/lib/node_modules/typescript/bin/tsc /opt/node/bin/tsserver -> /opt/node/lib/node_modules/typescript/bin/tsserver + typescript@ added package contributor .837s 2. 建立链接…

根据网上的教程,安装了node.js后,再安装了typescript,,,这时候编译生成或者在vscode的终端里调用npm或者tsc --version时,总是提示 npm : 无法将"npm"项识别为 cmdlet.函数.脚本文件或可运行程序的名称.请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次. 所在位置 行:1 字符: 1 npm install typescript --save -dev + CategoryInfo : ObjectNotFound: (np…

ReactNative 代码智能提醒  (Webstrom live template) https://github.com/virtoolswebplayer/ReactNative-LiveTemplate ReactNative的代码模板,包括: 1.组件名称 2.Api 名称 3.所有StyleSheets属性 4.React组件 安装 方法一 file -> import settings -> ReactNative.jar 方法二 只适用Mac下安装 将ReactNative.…

http://bbs.egret.com/thread-1752-1-1.html http://bbs.egret.com/thread-1912-1-1.html…

…

问题截图: 解决方案: 1.打开File --> Setting 窗口 2.搜索 Webpack 3.选择如下路径 问题解决…

为什么是TypeScript 最近在做H5的游戏,最终选定的TypeScript作为开发语言.主要是看重他有强类型和Class,作为习惯使用AS3,Java等强类型编程的人来说,还是习惯这种编程写法.听一些直接使用JavaScript开发稍微大的游戏的同事说,没有强类调试什么的都比较困难.我个人平时做小游戏用得比较多是纯js,比较大型的倒没尝试,所以这个不好下断论.另外一个主要原因是因为用TypeScript随时可以生成兼用不同ES版本和浏览器的代码,这个很重要.最后,国内比较流行的Egret和…

CSS不像其它高级语言一样支持算术运算.变量.流程控制与面向对象特性,所以CSS样式较多时会引起一些问题,如修改复杂,冗余,某些别的语言很简单的功能实现不了等.而javascript则是一种半面向对象的动态语言,有java的影子,有C的味道,中间有比其它语言多的糟粕,使用预处理办法可以解决这些问题.其中Less[les]与Sass是CSS的预处理技术,而CoffeeScript.TypeScript则是javascript的预处理技术. 一.Less 1.1.概要 Less是一种动态样式语言,L…

原文链接:https://www.infoq.com/articles/Angular2-TypeScript-High-Level-Overview 作者:  Yakov Fain Posted on  Apr 26, 2016 ------------------------------------------------------------------------------------------------------------------------------ Angular…

使用Visual Studio Code搭建TypeScript开发环境 1.TypeScript是干什么的 ? TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格,也是本人的偶像)领衔开发的.(安德斯·海尔斯伯格是Delphi 和 C#之父,Turbo Pascal 编译器的主要作者,.NET 概念发起人之一,同时也是TypeScript开源项目的重要领导人.他于1996年加入微软,目前是 C# 语言的首席架构师和 TypeScript 的核心开发者,获微软卓越工…

Angular2 和TypeScript 原文链接:https://www.infoq.com/articles/Angular2-TypeScript-High-Level-Overview 作者:  Yakov Fain Posted on  Apr 26, 2016 -----------------------------------------------------------------------------------------------------------------…

最近小小尝试了下 ReactNative + TypeScript 开发APP,爬了无数坑之后总算弄出来个结果,重要的地方记录下,后面会附上示例代码: 1.开发工具的选择 windows 平台我接触的开发工具主要三个, WebStorm,Intellij IDEA 2016.2 版本,https://www.jetbrains.com/ 这两个我都试过,开发完全没问题的,还有PHPStorm估计也行吧,没试过. 另外还有一个是VisualStudioCode:https://code.visua…

使用Visual Studio Code搭建TypeScript开发环境 1.TypeScript是干什么的 ? TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格,也是本人的偶像)领衔开发的.(安德斯·海尔斯伯格是Delphi 和 C#之父,Turbo Pascal 编译器的主要作者,.NET 概念发起人之一,同时也是TypeScript开源项目的重要领导人.他于1996年加入微软,目前是 C# 语言的首席架构师和 TypeScript 的核心开发者,获微软卓越工…

webstorm设置 settings >> TypeScript >> TSLint, 勾选 Enable ,选取 tslint包路径...npm\node_modules\tslint,这里webstorm基本会自动读取 配置tslint.json { "rules": { // TS特性 "member-access": true, // 设置成员对象的访问权限(public,private,protect) "member-…

本文经作者授权,翻译总结自 TypeScript Team 的成员 orta 的个人博客 <Understanding TypeScript's Popularity>. 原作者: orta 原文链接:https://orta.io/notes/js/why-typescript 翻译:ycaptain TypeScript 是一种非常受欢迎的 JavaScript 语言扩展.它在现有的 JavaScript 语法之上加入了一层类型层,而这一层即使被删除,也丝毫不会影响运行时的原有表现.许多人…