首页 > 其他分享 >Visual Studio 2015 前端开发工作流

Visual Studio 2015 前端开发工作流

时间:2022-10-24 13:35:56浏览次数:72  
标签:NPM 教程 CTP Visual Studio 2015

​Visual Studio 2015 CTP 5​​,全称为 Visual Studio 2015 Community Technology Preview 5,意为社区技术预览版,之前的版本为:Visual Studio 2015 Preview,多了一个 CTP,虽然都为预览版,但这次 CTP 的版本发布,显然离 VS2015 的正式版本发布已经不远了。先贴一个重要链接:Visual Studio 2015 CTP 5 更新说明。

2014 年,Javascript 领域​​风起云涌​​,这里我们主要提两件事。

其一,Gulp 取代 Grunt,基于 Node.js 的前端构建工具发生更迭

其二,Common JS 规范向前端延伸。具体表现为:

  • ​NPM​​新版官网上线,重新定位为:npm is the package manager for javascript,不再是单纯的后端(Node.js、io.js)包管理工具;
  • jQuery 官网不再接受新插件提交,建议用户提交到 NPM,庞大的 jQuery 生态圈转向 NPM;
  • Browserify、Webpack 等前端 Common JS 实现工具流行,并得到 Facebook 等公司认可;
  • ……

Common JS 在前端模块化开发中蔓延的表现远不止这些,相信越来越多的前端开发者会转到 Common JS 规范中来,通过前后端统一模块化规范,实现更多的代码重用,提高开发效率。

Visual Studio 2015 整合了Grunt/Gulp, NPM 和Bower,Gulp 及其丰富的插件、易懂的配置帮助开发者快速地搭建项目构建平台;NPM 结合 Browserify 等工具则解决了模块化、依赖管理等问题;再配合 Browser Sync、Live Reload 等实时预览工具,一个便捷、高效的前端开发工作流并呈现在眼前。具体参看 ​​http://stevescodingblog.co.uk/grunt-npm-and-bower-in-visual-studio-its-awesome-right/​

 

​升级 Visual Studio 2015 CTP 5 的坑、坑、坑​

​ASP.NET 5系列教程 (五):在Visual Studio 2015中使用Grunt、Bower开发Web程序​

​ASP.NET 5 Starter Web 專案內建的 NPM 設定檔 package.json 問題解決​

Blend 2015 教程(一)基础

Blend 2015 教程(二)样式

Blend 2015 教程(三)模板

Blend 2015 教程(四)控件模板

 

 




标签:NPM,教程,CTP,Visual,Studio,2015
From: https://blog.51cto.com/shanyou/5789492

相关文章

  • nVisual二次开发——关于视图内对象的获取
    nVisual作为一个图形化管理软件,首要的是将视图内对象渲染出来,对象渲染的数据来源于diagram接口,本章小编带大家了解这个接口。​接口描述:传入视图节点id,获取视图属性、视图背......
  • Maxon Cinema 4D Studio R21 中文版(C4D动画设计工具)mac/win
    MaxonCinema4DStudioR21forMac是一款专业三维工具包,对于初学者和经验丰富的专业人士可以利用Cinema4D全面的工具和功能快速达到惊人的结果,MaxonCinema4DStudioR......
  • .NET开源进行时:消除误解、努力前行(本文首发于《程序员》2015第10A期的原始版本)
    最近几年,微软对于开源越来越支持,但是给开发社区的形象还没有转变过来。有篇文章《对微软技术的典型误解和偏见》写的非常贴切,对微软技术的误解与偏见在社......
  • 打开Android Studio时提示:adb.exe使用的5037端口被占用了
    打开AndroidStudio时报如下错误提示:方法一1、根据提示查看adb的端口号5037被谁占用cmd打开命令窗口,运行netstat-aon|findstr“5037”找出相应的pid号;2、然后在......
  • ndroid studio连接手机真机调试(以华为手机为例)
    电脑打开360软件管家,并安装360手机助手,pc端下载手机usb驱动!四、打开360手机助手,usb连接手机到电脑,手机助手会自动下载安装手机驱动。安装好,记得要退出360手机助手(pc版)[此......
  • Visual Studio (VS2017)提交代码到Git服务器流程(GitCode)
    一、前言Git是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。有了Git之后团队协作,版本控制都非常方便。场景:(1)版本管理。Git提供了版本......
  • visual studio 快捷键
    软件下载直接在官网进行下载​code.visualstudio.com vscode设置成中文vscode默认的语言是英文,对于英文不好的小伙伴可能不太友好。简单几步教大家如何将vscode设......
  • #Android studio 微信页面制作(二)
    今天继续用Androidstudio实现微信页面的制作首先打开项目看看之前的进展。这里我在第一次制作的基础上,使用recycleview等控件对联系录页面进行了新的UI设计布局。本次......
  • Visual Code配置C/C++
    1.前言VSCode和以前的Visualstudio开发环境不一样,只是代码编辑器,如果需要运行代码C/C++,需要额外安装编译器。在Linux环境下,一般系统自带了gcc编译器,但是windows环境没......
  • VisualStudio 常用快捷键操作
    项目相关的快捷键Ctrl+Shift+B=生成项目Shift+Alt+C=添加新类Shift+Alt+A=添加已有项目到项目编辑相关的键盘快捷键Ctrl+Enter=......