零基础搭建先后端分离项目

既然选择了远方,便只顾风雨兼程 __ HANS许css

系列:零基础搭建先后端分离项目
前端
  • NodeJshtml

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
    Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。前端

  • npm&cmpmvue

    npm 是 JavaScript 世界的包管理工具,而且是 Node.js 平台的默认包管理工具。经过 npm 能够安装、共享、分发代码,管理项目依赖关系。
    cnpm 这是一个完整 npmjs.org 镜像,你能够用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽可能与官方服务同步。node

    NPM是随同NodeJS一块儿安装的包管理工具(相似nuget),能解决NodeJS代码部署上的不少问题,常见的使用场景有如下几种:webpack

    • 容许用户从NPM服务器下载别人编写的第三方包到本地使用。
    • 容许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
    • 容许用户将本身编写的包或命令行程序上传到NPM服务器供别人使用。
  • yarnweb

    yarn跟npm相似,但各有优缺点,你们能够看下这篇文章了解下:https://www.jianshu.com/p/254794d5e741
    Yarn 对你的代码来讲是一个包管理器, 你能够经过它使用全世界开发者的代码, 或者分享本身的代码。Yarn 作这些快捷、安全、可靠,因此你不用担忧什么。npm

  • Webpack后端

    Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,而后将这些模块按照指定的规则生成对应的静态资源api

    webpack描述
    webpack描述

    1. 忽略不用的静态资源。这对删减没必要要的CSS尤为有用。Webpack只会将你的应用真正须要使用的资源放到dist目录中
    2. 便捷的代码分裂。例如,你知道你的文件Homepage.js只须要require几个特定的CSS样式,Webpack会根据你的须要建立一个homepage.css文件来减小文件体积。
    3. 你来控制静态资源被执行的方式。若是一个图片大小低于某个特定的值,你能够用base64来将它转码直接引入到你的JavaScript文件中,从而减小HTTP请求次数。若是一个JSON文件太大,那么你能够经过一个URL来加载它。你能够经过require(‘./style.less’)来将less文件自动转为纯CSS
    4. 稳定的生产环境。你不会将不用的图片或旧的CSS部署到服务器上。
    5. 当你熟练掌握了以后用起来会很是快。你能够热更新页面,管理正确地CSS,自动更新CDN缓存。Webpack能够自动更新文件名及相关内容。
  • Sass

    Sass 是一个 CSS 的扩展,它在 CSS 语法的基础上,容许您使用变量 (variables), 嵌套规则 (nested rules), 混合 (mixins), 导入 (inline imports) 等功能,令 CSS 更增强大与优雅。使用 Sass 以及 Compass 样式库 有助于更好地组织管理样式文件,以及更高效地开发项目。

  • Less

    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增长了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。
    Less 能够运行在 Node 或浏览器端。

  • TypeScript

    TypeScript是JavaScript类型的超集,它能够编译成纯JavaScript。 TypeScript能够在任何浏览器、任何计算机和任何操做系统上运行,而且是开源的。

  • Vue

    Vue.js(读音 /vjuː/, 相似于 view)是一个构建数据驱动的 web 界面的渐进式框架。
    Vue.js 的目标是经过尽量简单的 API 实现响应的数据绑定和组合的视图组件。它不只易于上手,还便于与第三方库或既有项目整合。
    另外一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也彻底可以为复杂的单页应用程序提供驱动。

服务端(后端)
  • ASP.NET WebApi

    ASP. NET Web API支持可以轻松地建立功能强大的 Web API,能够从范围普遍的客户端 (包括使用 JavaScript从浏览器中,到任何移动/客户端平台上的本机应用程序)访问。

系列文章规划