项目功能摘要

1.使用nodejs,参考Express/Koa进行原生搭建,实现了常用的页面托管,上传下载🔥断点传输等功能

2.博客采用🔥VuePress技术将markdown文档编译为html,再使用vue的模板进行处理

3.简历网站位于早期使用jq,swiper等技术进行搭建

4.xue-utile项目是参考vue的🔥源码之后实现了双向绑定,VDom,diff更新,$nextTick等功能(具体内容敬请移步项目仓库)

5.基于nodejs的在线云盘程序,并支持图片,音频,pdf等文件进行在线预览（预计五月底上线并发布源码！）

6.等....

程序详情

用方法介绍

项目技术栈

本项目使用到的技术栈如下：

• vite
• webpack,gulp
• vue2,vue3,vuepress react及其周边
• scss,less,sass
• TypeScript
• 等

环境介绍

• node:14.19.1

• 镜像源:https://registry.npmjs.org/

  1.启动nodejs-webserve并使用

  # clone the project
  git clone https://gitee.com/xueBingChuan/nodejs-webserve.git
  
  # enter the project directory
  cd nodejs-webserve
  
  # install dependency
  npm install 
  
  # develop
  node appeach.js 

  2.xue-utile项目示例在实战项目中引入并使用

  #warehouse address
   https://gitee.com/xueBingChuan/vue-utils
  
  # Introduce dependency
   npm install xue-vue2
   
  # calling interface
   http://bing-chuan.work/get_cdn/xue-vue2
  
  # remark
  使用前需要先将nodejs-webserve项目启动,通过调用接口(get_cdn/xue-vue2)引入main.js文件,之后可以直接在html页面中使用对应的vue语法

补充

其他:vue源码项目这样引入的方式是为了方便xue-vue2项目修改之后直接发包,nodejs-webserve项目就直接修改版本号就可以同步xue-vue2的修改内容,类似的实现还有应用到博客中....