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

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

[TOC]

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

前端

• NodeJs

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

• npm&cmpm

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

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

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

• yarn

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

• 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从浏览器中，到任何移动/客户端平台上的本机应用程序）访问。

系列文章规划

• VsCode+Node的前端环境搭建及其理解并建立一个前端目录
• Less与TypeScript的简单理解与应用，并使用WebPack打包静态页面
• 简简单单的Vue
• 深刻使用NodeJs与npm等打包工具的命令
• 深刻使用Less|Sass跟TypeScript
• 深刻使用Vue与博客园API进行简单开发的移动端网站
• 深刻使用Vue与知乎日报API进行简单开发的移动端网站
• 深刻使用Vue与网易新闻API进行简单开发的移动端网站