0.在命令行中,cd到项目下执行: npm install 1.调试->启动调试->node.js, 会生成.vscode/launch.json文件 2.修改launch.json文件"program": "${workspaceRoot}/node_modules/lite-server/bin/lite-server" 3.任务:配置任务运行程序->创建Typescript项目,生成tasks.json 4.Ctrl+Shift+B 运行,会…

做开发两年了,而我记忆力不太好,所以写代码得靠强大的编辑器提示. 陆陆续续使用了如 notepad++.dreamweaver.sublime text.webstorm.phpstorm.Atom等编辑器 直到最近使用了vscode,感觉喜欢了这个编辑器   1.最满意的地方,下载提示插件特别方便,而且编辑器打开很快 2.代码提示高亮,对应盒子提示有好,盒子块折叠快捷键 ctrl+shift+[ 注释等其他快捷键跟一般编辑器没啥区别 3.扩展插件介绍 (1). Auto Close Tag :…

本文转自:https://marketplace.visualstudio.com/items?itemName=Mikael.Angular-BeastCode VSCode Angular TypeScript & Html Snippets Visual Studio Code TypeScript and Html snippets and code examples for Angular 2,4,5 & 6. All code snippets are based on and…

x1c 2017 的 i5 7200U 8G ram 的丐版.换了1T SSD.其实一般使用没啥问题. 1 外出携带的轻便性太满意(mac13寸相比之下都太重了): 2 coding时候的安静性,比原来的P150em准系统好太多. 用了一段这个,再开准系统,确实觉得风扇噪音烦躁,忍不了. 但现在是win10+虚拟机mint18.在coding的时候,还是稍微有点不爽.想换成linux+win虚拟机.但是怕反复来回折腾,还是和开发系统一样,把愿景和业务现状认真描述一下: 痛点:希望开发时能运行快些…

之前在Asp.net MVC + Angular1 的项目中,要调试前台代码都是用浏览器的开发者工具,使用正常,也没有感觉太大的不方便. 后来接触Angular2项目,因为它是要经过编译的,所以在浏览器中看到的代码并不是我们写的代码,这就很不方便调试了. 下面开始试验: 1.我用常规方法创建一个Angular项目,添加一个hero模块, 注意,我在Line17打了一个断点,试图调试. npm start运行起来,VS没有截获断点,浏览器得到 我的代码起作用了,但VSCode没有断上,浏览器的开发…

Angular+Electron+VSCode的桌面应用 转自:http://blog.csdn.net/yr7942793/article/details/50986696 第一部分 Electron开发入门笔记 GitHub 的 Electron 框架(以前叫做 Atom Shell)允许你使用 HTML, CSS 和 JavaScript 编写跨平台的桌面应用.它是 io.js 运行时的衍生,专注于桌面应用而不是 web 服务端.Electron 丰富的原生 API 使我们能够在页面中直接…

1 概述 一般个人开发或者小公司开发都会使用破解版软件,除非比较尊重正版且不太缺钱的人才会用正版,但是大型公司有严格的规定,不允许员工使用盗版软件. 这时候我就不得不从WebStorm转向VsCode,至于为什么选择VsCode就不解释了,VsCode天下无敌就完事了. 不过想要搭建一套完整且顺手的环境是真的费劲,于是花了点时间试了很多插件,最后整理出一套插件. 下面的插件不是都必须的,以后发现好用的插件会继续补充的. 2 插件 TSLint:Typescript语法检查 Prettier:代码…

第一部分: http://www.cnblogs.com/cgzl/p/8478993.html 第二部分: http://www.cnblogs.com/cgzl/p/8481825.html 第三部分: https://www.cnblogs.com/cgzl/p/8525541.html 这篇文章将介绍angular 5的全局错误处理. 需要使用到代码: https://pan.baidu.com/s/1F0KjbwVE8_Tzfwy69Alp-A angular 5 全局错误处理 参考文…

使用 Angular 时,报错 [tslint] " should be ' 报错原因是因为 ESLint 的严格模式,限制了使用 ' ,甚至多一个空格都会报错. 我们只需要在 settings.json 这个用户配置文件中添加配置项 "tslint.autoFixOnSave": true, "prettier.singleQuote": true 配置完成即可.…

1.Angular 8 Snippets(全家桶) 2.TSLint(ts代码规范.错误提示) 3.Material Icon Theme(文件图标) 4.One Dark Pro(主题) 5.Angular Language Service(超好用的从模板(html)F12一键定位变量定义位置)…

转载: http://www.cnblogs.com/kingkangstudy/p/7699710.html 1.进入项目src,执行命令行:ng build 2.步骤1后会生成dist文件 3.打开IIS,部署即可…

  因为前段时间看了瞬息之间的一篇文章编辑器背后的程序观, 里面只提到了Visual studio. 我想想可能是因为非.Net开发者,所以不知道Visual sutdio code这个工具.来看看Vs code的定义吧: Microsoft Launches Visual Studio Code, A Free Cross-Platform Code Editor For OS X, Linux And Windows. 一个跨平台的免费编辑器. 之前在某蛋公司工作的时候做Angular开发的…

环境 windows 10 准备工具 Visual Studio Code Node.js Git 需求 必须支持IE8 步骤开始: 执行命令行工具 mkdir Demo && cd Demo npm init name: demo version:0.0.1 description:This is a demo. entry point:[Enter] test command:[Enter] git repository:[Enter] keywords:[Enter] author:…

第一节:Angular 2.0 从0到1 (一)第二节:Angular 2.0 从0到1 (二)第三节:Angular 2.0 从0到1 (三)第四节:Angular 2.0 从0到1 (四)第五节:Angular 2.0 从0到1 (五)第六节:Angular 2.0 从0到1 (六)第七节:Angular 2.0 从0到1 (七)第八节:Angular 2.0 从0到1 (八)番外:Angular 2.0 从0到1 Rx-隐藏在Angular 2.x中利剑番外:Angular 2.0 从0到…

引言 最近由于公司人员调整,我不得不去转去做前端,被迫用三周的时间学习Angular,同时需要做一个简单的Web聊天室.对于前端不一点感冒的我而言,其实还算一个不小的挑战.在三周的过程中,我遇到很多的困难,其中一个困难是如何将Aangular和我已会的Java体系相结合.我不太习惯前后端分离,还是希望可以能够将页面和Java代码写在一个项目里,算得上一个落伍的执着吧. Angular(包括2和4)是从AngularJs1.x升级而来,但是不提供向下兼容.Anuglar2(和4)和AngularJ…

前提准备: 搭建好Angular开发环境 1 安装Visual Studio Code 教程简单,不会的去问度娘 2 安装Chrome浏览器 教程简单,不会的趣闻度娘 3 Visual Studio Code需要安装的插件 3.1 Debugger for Chrome 用于直接在谷歌浏览器中调试Angular应用 3.2 Angular5 Snippets 代码生成插件,主要用于在VSCode中快速生成代码 4 Chrome需要安装的插件 4.1 Augury插件 用于在谷歌浏览器中查看Ang…

第一部分: http://www.cnblogs.com/cgzl/p/8478993.html 为Domain Model添加约束 前一部分, 我们已经把数据库创建出来了. 那么我们先看看这个数据库. 可以在项目里面建立一个database.sql, 并且建立一个数据库连接的profile(参考上一篇文章), 连接成功后执行下面语句: SELECT TABLE_NAME FROM tvdb.INFORMATION_SCHEMA.TABLES WHERE TABLE_TYPE = 'BASE T…

最近使用vscode比较多. 学习了一下如何在mac上使用vscode开发asp.netcore项目. 这里是我写的关于vscode的一篇文章: https://www.cnblogs.com/cgzl/p/8450179.html http://www.cnblogs.com/cgzl/p/8450409.html 这篇文章写的是使用mac(linux)/win10开发一个基于asp.net core 2.0 web api, angular 5, bootstrap 4, sql serve…

第一部分: http://www.cnblogs.com/cgzl/p/8478993.html 第二部分: http://www.cnblogs.com/cgzl/p/8481825.html 由于本文主要是讲VSCode开发等, 所以相关等一些angular/.net core的知识就相对少讲点. 我把需求改一下, 如图: 由于efcore目前还是使用中间表来建立多对多的关系, 所以分类标签这个需求就没什么特别的了, 就去掉吧. 还有电视剧分季这个技术上也是重复的, 也删掉. 目前只剩下电视…

如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文. Angular CLI 官网: https://github.com/angular/angular-cli 安装angular cli: npm install -g @angular/cli 不过首先要确保您安装了比较新版本的nodejs. 今天主要通过以下几个方面介绍Angular CLI: 生成项目 参数介绍 配置和自定义CLI 检查和修复代码 生成新项目: ng new my-app 这个…

vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜值更高,安装配置插件更为方便:比起atom,vscode启动速度更快,打开各种大文件不卡.可以说,vscode既拥有高自由度.又…

第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 这篇文章主要是讲生成 Components, Directive, Service, class, interface, enum等等. ng generate <蓝本名> 命令. 该命令的格式是 ng generate <蓝本名> <参数>. 也可以使用--dry-run参数来列出要生成的…

第一步.安装node.js 1.需要下载的文件路径:https://nodejs.org/en/download/ 2.安装nodejs: 3.验证node.js 4.npm安装以及验证: npm的安装.由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了.同样可以使用cmd命令行输入"npm -v"来测试是否成功安装 5.配置npm全局路径存放位置以及cache的路径: 例如:我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJS下建立"node…

最近一个星期准备学习一下angular前端框架,因为之前在学习abp框架的时候,都要求前端要掌握angular,所以不得不回来恶补一下了,学习的过程有时间的话会记录在这里,方便以后复习. 闲言少叙,下面来介绍开发环境搭建的步骤: 开发环境搭建 1.安装node和npm(其实只需要安装node,因为npm会跟随node一起安装) 首先百度node.js ,进入node.js的官网: 如图所示,安装LTS版本的,LTS表示当前最稳定使用最广泛的版本的,Current表示最新版本的,推荐安装最稳定的版…

为什么使用 Angular 我不是 Angular 的布道者,但如今痴迷 Angular,使用 Angular 做项目让我有一种兴奋感.目前的三大主流前端框架都研究过,博客中也有三者的相关教程,最早接触的是 React,但是并没有实际的项目经验,只做过一些 Demo .使用 Vue 做过一个比较复杂的移动端大数据项目,技术栈采用 Framework7 + Vue + Vuex,整体效果还是满意的. 因为去年的项目几乎都是后台管理系统,所以框架用的不多,主要还是传统方式开发,后期为了改善前端开发体…

Auto Rename Tag —— 自动同步修改标签 AutoFileName —— 自动补全路径提示 background —— 一个萌萌的插件,可以自己设置vsc的背景图 Bootstrap 3 Snippets —— bootstrap必备 Debugger for Chrome —— 方便调试 Document This —— Js的注释模板 ESLint —— 检测JS必备 Easy Less —— less文件自动实时编译成css GBKtoUTF8 Git History (gi…

ASP.NET Core知多少系列:总体介绍及目录 1. 引言 最近在看<程序员的成长课>,讲到程序员如何构建技能树,印象深刻.作为一名后台开发的程序员,深感技能单一,就别说技能树了.作为一名合格的后台程序员,至少要掌握一门静态语言,一门动态语言和一门前端语言.静态语言C#算不上精通,动态语言Python也刚刚入门.但前端却是空白,虽说有了解过jquery.bootstrap,但因为项目无所涉及,早已忘得一干二净. 近几年,前端框架大行其道,Web开发已经是一个不容忽视的大趋势,在这个趋势下对…

目录 一. 漫谈Angular 二. 如果你还在使用Angularjs 三. 我计划这样学习Angular技术栈 一. 漫谈Angular Angular,来自Google的前端SPA框架,与React,Vue并称前端框架的三驾马车,前些日子刚发布了7.0版本.它是一个十足的革命者,每一次亮相,都会把新的思想和软件层面的实现提供给开发者,从Angularjs1.0时代推翻jQuery的统治地位,到Angular2.0时代基于Typescript的全面升级,再到现在每半年一个大版本的高速更新迭代,…

使用顶级 VSCode 扩展来加快开发 JavaScript 发表于 2018年08月24日 by 愚人码头 被浏览 3,942 次 分享到:   小编推荐:掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货. VSCode 是一个开源的跨平台编辑器,已经成为程序员的最爱,特别是在 Web 开发社区. 它快速,可扩展,可定制,并具有大量功能. 如果你还没有使用 VSCode ,你应该了解一下. VSCode…

#### 最专业,最全面的angular的学习文档 https://www.jianshu.com/p/f0f81a63cbcb ### https://www.cnblogs.com/xiaoweihuang/p/9794478.html ##### angular的指令传参数. ##### angular中度了解. #### rxjs可以避免angular的单向数据流. angualr的编程是面向类的,只要provider注入就是一个新的对象.angular是单向数据流. #### 如果父组…