Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT 等特性,并针对网页开发和云端应用开发做了优化.软件跨平台支持 Win.Mac 以及 Linux,运行流畅,可谓是微软的良心之作.如今可以使用VS Code进行纸壳CMS(ZKEACMS)开发,它开源免费,通过安装开发语言相关的插件,可以让VS Code实现相应的语法识别和代码提示. 安装.Net…

关于纸壳CMS 纸壳CMS是一个开源免费的,可视化设计,在线编辑的内容管理系统.基于ASP .Net Core开发,插件式设计: 下载代码 GitHub:https://github.com/SeriaWei/ZKEACMS.Core 打开项目 下载完代码之后,就可以使用vs code打开项目进行开发了,选择菜单文件>打开文件夹 选择到项目根目录打开: 生成项目 项目的生成任务已经配置好了,可直接按快捷键 ctrl + shift + b 来生成整个项目.或者选择终端>运行生成任务来生成 生成…

纸壳CMS可以运行在Docker上,接下来看看如何自动构建纸壳CMS的Docker Image.我们希望的是在代码提交到GitHub以后,容器镜像服务可以自动构建Docker Image,构建好以后,就可以直接拿这个Docker Image来运行了. Dockerfile 最重要的,就是Dockerfile中的定义了.先上代码: FROM microsoft/aspnetcore-build:latest AS builder WORKDIR /build # Copy all files CO…

纸壳CMS是可视化建站系统,现已经从架构上支持多语言.但是多语言功能默认是没有开启的.您可以从设置中开启多语言,或者随时关闭它,您可以随时进行切换. 开启多语言 如果您没有在系统设置中看到多语言设置菜单,首先先确认一下您的登录角色是否有多语言设置的权限: 添加权限后就可以看到多语言设置的菜单了 勾选是否启用?选项来启用多语言功能: 设置说明 多语言模式 单域名模式,即所有的语言都使用同一个域名访问,不同的语言使用不同的"Culture Code"来区分.如 ~/cn, ~/tw ~/u…

简介 纸壳CMS是一个开源免费的可视化内容管理建站系统,拖拽就可以轻松建网站. GitHub: http://github.com/SeriaWei/ZKEACMS 纸壳CMS在设计上使用的是ASP.Net Core默认的IOC容器,通过依赖注入可以轻松替换掉原来的接口实现.例如在使用纸壳CMS做二次开发的过程中,可能要接入另一系统的用户来作为CMS系统的用户.这种情况下,可以不用修改原来的UserService,而是重新实现一个IUserService,然后用这个新的实现来替换掉旧的UserS…

纸壳CMS是基于ASP.Net Core开发的可视化内容管理系统,可以跨平台部署,可以在容器中运行.接下来看看如何在docker中运行纸壳CMS. GitHub:https://github.com/SeriaWei/ZKEACMS.Core 方式一 直接运行以下命令即可在docker中运行纸壳CMS,运行成功以后,使用{IP}:5000来访问: docker run -d -p : zkeasoft/zkeacms 注意:使用这种方式运行,数据库使用的是SQLite. 方式二 接下来我们修改使…

关于纸壳CMS 纸壳CMS是一个开源免费的,可视化设计,在线编辑的内容管理系统.基于ASP .Net Core开发,插件式设计: GitHub:https://github.com/SeriaWei/ZKEACMS.Core 路由 路由是ASP .Net里面至关重要的一个组成部分,路由的功能简单的说就是把用户请求的地址“转移”到对应的Controller,Action.而路由,也是纸壳CMS可以自定义页面的关键. 在纸壳CMS中,给路由定义了优先级,所以在处理用户请求地址的时候,通过路由的优先级…

纸壳CMS是一个开源的可视化设计CMS,通过拖拽,在线编辑的方式来创建网站. GitHub https://github.com/SeriaWei/ZKEACMS.Core 欢迎Star,Fork,发PR.:) 插件化设计 纸壳CMS是基于插件化设计的,可以通过扩展插件来实现不同的功能.如何通过插件来扩展,可以参考这篇文章: http://www.zkea.net/codesnippet/detail/zkeacms-plugin-development.html 纸壳CMS的插件是相互独立的,…

微软发布了.Net Core 2.1正式版,纸壳CMS也在第一时间做了升级,并做了一系列的优化和调整,性能大幅提升,并解决了一些历史遗留问题,添加了一些新功能. Github https://github.com/SeriaWei/ZKEACMS.Core 性能提升 纸壳CMS3.0在性能上做了大量的优化和调整,性能提升70%,我们做了一些简单的测试和之前的版本做了些比较: v2.9版本: v3.0版本: 请求响应数从151个提升到了255个.虽然这不是一个全面的测试,但足以证明页面响应的性能提…

关于纸壳CMS 纸壳CMS又名 ZKEACMS Core 是ZKEACMS的 .net core 版本,可运行在 .net core 1.1 平台上.是一个开源的CMS. 纸壳CMS对于 ZKEACMS 是一个完整的迁移,并且加入了许多新的功能. 项目官方网站 http://www.zkea.net 项目地址 http://www.zkea.net/zkeacms/zkeacmscore 新功能介绍 1. 快速创建页面 为了可以快速的创建页面,纸壳CMS内置了一些通用页面作为模板,在创建页面的时…

背景 在之前,纸壳CMS的主题仅仅只是CSS样式,并不支持在主题下使用模板来构建不同的HTML结构.现在我们对主题功能做了增强,可以在主题下添加各自的模板,这样在制作主题时,就会更加自由.不仅如此,新的主题引擎还允许替换系统中所有Action对应的视图. 所以新的主题引擎可以修改包括后端在内的系统中的所有界面风格. 主题模板 纸壳CMS的所有组件.板块都有对应的默认模板.在制作主题的过程中,难免会遇到HTML结构不一至的情况,这时候就可以在对应的主题下添加显示模板来替换默认的模板.将组件的模板放…

纸壳CMS(ZKEACMS)里的Grid是一个TagHelper,是对jQuery插件datatables的一个配置封装. Easy.Mvc.TagHelpers.GridTagHelper grid的使用很简单,设置Model,使用<grid>标签就可以了: @model ArticleEntity <grid></grid> Grid的默认值 1. ModelType 列表默认使用View设置的Model的Type作为Grid的ModelType,并使用它的配置元数…

纸壳CMS发布了2.3版本,主要是添加了商城功能,强化产品功能.让您的网站轻松实现电子商务. 有关2.3版本的更多信息,请查看以下链接: https://github.com/SeriaWei/ZKEACMS.Core/releases/tag/v2.3 还可以在我们的演示网站上体验我们的最新版本: http://demo.zkea.net/index 源码地址 如果觉得这个项目还可以,别忘了点star喔 :).如果您也有兴趣,欢迎给我们发pull request. https://github…

简介 纸壳CMS是开源免费的可视化内容管理系统. GitHub https://github.com/SeriaWei/ZKEACMS 自定义字段 纸壳CMS现已支持自定义字段,在不修改代码的情况下,可以对系统中的一些模块进行字段的扩展,如页面,文章.产品等. 自定义字段功能在系统->自定义字段菜单下,点击要修改的模块,即可对字段进行字义: 你可以在这里调整字段的顺序,添加或者删除字段: 字段的操作,可以参考这个文章:http://www.zkea.net/codesnippet/detail/…

1.  上一节我们学习了Windows下搭建Ruby开发环境,也为这一节的学习做了铺垫.因为本节需要在Ruby环境下安装SASS.详细请见:http://www.cnblogs.com/wind128/p/4226058.html. 2.  安装SASS,运行cmd命令,输入: gem install sass 安装成功后打开目录C:\Ruby21-x64\bin,可见sass.bat.scss.bat文件. 3.  打开WebStorm,点File-->Settings,找到File Watc…

1.双击桌面Chrome图标,打开Chrome,按键盘“F12”键,打开开发工具界面,点击其右上角的“设置”按钮,勾选“Enable JavaScript source maps”  及“Enable CSS source maps”. 2.打开WebStorm,点File-->Settings,找到File Watchers,点右侧的“+”,选择LESS,更改对应项的设置如下: Program:C:\Users\wind\AppData\Roaming\npm\lessc.cmd   (les…

比如把coffee文件写在coffee/controller/文件夹下,新建js/controller文件夹,使用grunt运行项目,将自动编译coffee到相应的js文件夹下. module.exports = function(grunt) { // 项目配置信息. grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), jshint: { options : { jshintrc: '.jshintrc', // eqeqe…

技术一直在向前发展.但是有一些是相通的,要找准重点,将80%的时间放在提升基础问题上,余下的20%再去学习框架,库和工具. HTML 1. HTML 属性应当按照以下给出的顺序依次排列,确保代码的易读性 class id, name data-* src, for, type, href, value title, alt role, aria-* 说明:class 用于标识高度可复用组件,因此应该排在首位.id 用于标识具体组件,应当谨慎使用(例如,页面内的书签),因此排在第二位. 标签 超链…

css产出sourcemap有什么用呢,可能大家要问这个问题了. 请移步这里 https://developers.google.com/chrome-developer-tools/docs/css-preprocessors?hl=zh-CN 在chrome中我们通过sourcemap可以直接调试less源文件文件,这是一个非常强大的功能. 下面由我为大家道来 1.在chrome中开启dev工具,开启容许CSS source maps设置 2.webstorm中只要创建了less扩展名的文件…

css产出sourcemap有什么用呢,可能大家要问这个问题了. 请移步这里 https://developers.google.com/chrome-developer-tools/docs/css-preprocessors?hl=zh-CN 在chrome中我们通过sourcemap可以直接调试less源文件文件,这是一个非常强大的功能. 下面由我为大家道来 1.在chrome中开启dev工具,开启容许CSS source maps设置 2.webstorm中只要创建了less扩展名的文件…

在白天,我常常需要浅色的 VSCode 主题:在夜间,我常常需要深色的 VSCode 主题.我不希望每天手动切换两次 VSCode 主题,所以我开发了这个可以自动切换主题的 VSCode 扩展 -- Dynamic Theme. 特性 根据时间点自动切换主题 自定义要切换的深色或浅色主题 自定义深色或浅色主题的开始时间 ‍ 通过 VSCode 命令更新扩展设置 扩展的设置项 在项目的 package.json 中声明扩展的设置项.常常将扩展名作为设置项的前缀,设置项的默认值也在此处进行声明,在扩…

sass语法.使用它带来的好处,就不再这里做介绍了,主要看怎么在webstorm里配置自动编译. sass编译是需要Ruby环境的,可以到这里去下载  :  https://rubyinstaller.org/downloads/    ,安装时选择加入Path 安装完成后需测试安装有没有成功,运行CMD输入以下命令: ruby -v //如安装成功会打印 ruby -- revision ) [i386-mingw32] 如上已经安装成功,Ruby自带一个叫做RubyGems的系统,用来安装基…

Visual Studio Code(以下简称VS Code)用来开发Python3,还是很便利的,本身这个IDE就是轻量级的,才几十兆大小,通过安装插件的方式支持各种语言的开发.界面也美美哒,可以在一个IED开发以下语言/脚本: C++ - C# - CSS - Dockerfile - Go - HTML - Java - JavaScript - JSON - Less - Markdown - PHP - PowerShell - Python - SCSS - T-SQL - Type…

打造TypeScript的Visual Studio Code开发环境 本文转自:https://zhuanlan.zhihu.com/p/21611724 作者: 2gua TypeScript是由微软大神Anders Hejlsberg(安德斯·海尔斯伯格,丹麦人,Turbo Pascal编译器的主要作者,Delphi.C#开发领导者,同时也是.NET奠基人之一)领衔开发的. TypeScript可谓一门语言,其主要特性有: 兼容 ECMAScript 2015(ES6)规范,可选择编译成E…

对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github.com/microsoft/vscode-go 这款插件的特性包括: 代码着彩色 代码自动完成(使用gocode) 代码片段 快速提示信息(使用godef) 跳转到定义(使用godef) 搜索参考引用(使用go-find-references) 文件大纲(使用go-outline) 重命名(使用gorename) 保存构建(使用go build和go test) 代码格式化(…

使用VS Code开发调试ASP.NET Core 1.0,微软在今天凌晨发布了.NET Core 1.0,ASP.NET Core 1.0 与 Entity Framewok 1.0. 之前跟大家讲解过VS Code开发调试.NET Core RC2应用程序.今天讲一下VS Code开发 ASP.NET Core. 环境安装 .NET Core SDK Installer: win x64: https://download.microsoft.com/download/A/3/8/A3848…

目录 package.json typings.json tsconfig.json launch.json settings.json tasks.json package.json: 这是项目的基本定义文件,所有的基于nodejs的项目都会有一个package.json文件,里面会定义项目名称.版本.依赖的库,以及脚本.脚本里面定义了几个可以使用npm运行的脚本,例如: "start": "tsc && concurrently \"npm ru…

使用VS Code开发TypeScript--定义变量推荐使用let 目录 作用域规则 JavaScript的严格模式 let与var的区别 作用域规则 一直以来我们都是通过var关键字定义JavaScript变量. var a = 10; 大家都能理解,这里定义了一个名为a值为10的变量. 我们也可以在函数内部定义变量: function f() { var message = "Hello, world!"; return message; } 并且我们也可以在其它函数内部访问相同…

VS Code开发调试ASP.NET Core 1.0 使用VS Code开发调试ASP.NET Core 1.0,微软在今天凌晨发布了.NET Core 1.0,ASP.NET Core 1.0 与 Entity Framewok 1.0. 之前跟大家讲解过VS Code开发调试.NET Core RC2应用程序.今天讲一下VS Code开发 ASP.NET Core. 环境安装 .NET Core SDK Installer: win x64: https://download.micros…

使用VS Code 从零开始开发调试.NET Core 2.0.无需安装VS 2017 15.3+即可开发调试.NET Core 2.0应用. VS Code 全称是 Visual Studio Code,Visual Studio Code是一个轻量级的跨平台Web集成开发环境,可以运行在 Linux,Mac 和Windows下! 本篇为VS Code 开发调试.NET Core 2.0教程,在Windows下做实际操作,但同样适用于其它系统. 环境安装 本文演示开发环境: WIN10 x64…