README.md · oohbks885wu089/nodejs-webserve

<div align="center">
  <a href="https://gridea.dev">
    <img src="https://avatars.githubusercontent.com/u/58848987?s=400&v=4"  width="80px" height="80px">
  </a>
  <h1 align="center">
    nodejs-webserve
  </h1>
  <h3 align="center">
   使用nodejs原生搭建
  </h3>

[visit](https://github.com/xuebingchuan/nodejs-webserve)

</div>

## 项目技术栈
本项目使用到的技术栈如下：
* vite
* vue2及vue3其周边
* scss
* TypeScript

## 环境介绍
* node:14.19.1
* 镜像源:https://registry.npmjs.org/
*

<h3 align="center">
   项目功能摘要
  </h3>
  1.使用nodejs,参考Express/Koa进行原生搭建,实现了常用的页面托管,上传下载断点传输等功能

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

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

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

5.基于nodejs的在线云盘程序,并支持图片,音频,pdf等文件进行在线预览(努力开发中,敬请期待....)

case1:<a href="http://bing-chuan.work/line">简历地址<a/>

case2:
  <a href="http://bing-chuan.work">博客地址<a/>

case3:
  <a href="http://bing-chuan.work/vue2">xue-vue2项目<a/>

<h3 align="center">
   用方法介绍
  </h3>
   
   1.启动nodejs-webserve并使用
  ```bash
  # 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-vue2项目示例在实战项目中引入并使用
  ```bash
  #warehouse address
  https://gitee.com/xueBingChuan/vue2

# Introduce dependency
   npm install xue-vue2
   
  # calling interface
   get_cdn/xue-vue2
  
  # remark
  使用前需要先将nodejs-webserve项目启动,通过调用接口(get_cdn/xue-vue2)引入main.js文件,之后可以直接在html页面中使用对应的vue语法
  ```
 其他:vue源码项目这样引入的方式是为了方便xue-vue2项目修改之后直接发包,nodejs-webserve项目就直接修改版本号就可以同步xue-vue2的修改内容,类似的实现还有应用到博客中....

oohbks885wu089/nodejs-webserve

简介

发行版

贡献者

近期动态

oohbks885wu089/nodejs-webserve .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

oohbks885wu089/nodejs-webserve