一种网站开发方法、系统及其存储介质技术方案

本发明专利技术公开了一种网站开发方法、系统及其存储介质，系统包括：文件创建模块、实时编译模块、代码优化模块、打包模块、发布模块；方法为接收运行命令，基于运行命令生成项目目录结构，并基于项目目录结构获得目录文件；对目录文件中的项目代码进行编译，将项目代码部署在本地服务器上；并在编译过程中对项目代码进行优化，获得编译优化后的目录文件；将编译优化后的目录文件进行压缩打包，并发布到网络服务器上，使本地端口启动本地服务，通过终端浏览器的访问进行网站页面的开发调试。本发明专利技术的网站开发方法、系统、存储介质使得生成项目简单便捷，无需做复杂的配置，解决前端开发人员在前端开发中拥有大量的重复性编码，开发效率低的问题。的问题。的问题。

【技术实现步骤摘要】
一种网站开发方法、系统及其存储介质


[0001]本专利技术属于互联网前端开发
，特别涉及一种网站开发方法、系统及其存储介质。

技术介绍

[0002]随着互联网技术的飞速发展，出现了各个软件技术相关的岗位，随着前后端的分离，前端开发在互联网技术的领域中担任着越来越重要的角色，各行各业都离不开网页的应用。前端开发人员在项目中的占比越大，就意味着开发效率与代码沟通的重要性也越大。但是现在前端流行的工具种类繁多，无法给开发人员提供一个稳定的开发环境。为满足前端开发繁琐的步骤中的不同需求，需要使用很多不同的工具。不同工具之间使用起来可能会造成或多或少的问题，这时候就需要一个将这一套流程组合起来的一台机器，也就是上文说到的前端开发装置，帮助开发人员做一些可以省略的步骤和一些提高开发效率的模式，极大的缩短项目周期。

技术实现思路

[0003]专利技术目的：为了克服现有技术中的不足，本专利技术提供一种网站开发方法、系统及其存储介质，通过本专利技术的网站开发方法、系统、存储介质使得生成项目简单便捷，无需做复杂的配置，解决前端开发人员在前端开本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网站开发方法，其特征在于，包括：接收运行命令，基于运行命令生成项目目录结构，并基于项目目录结构获得目录文件；对目录文件中的项目代码进行编译，将项目代码部署在本地服务器上；并在编译过程中对项目代码进行优化，获得编译优化后的目录文件；将编译优化后的目录文件进行压缩打包，并发布到网络服务器上，响应终端浏览器的访问使本地端口启动本地服务对网站页面进行开发调试。2.根据权利要求1所述的网站开发方法，其特征在于，接收运行命令，基于运行命令生成项目目录结构，并基于项目目录结构获得目录文件的方法包括：调用前端开发工具，并在前端开发工具的运行环境中执行运行命令，生成开发目录结构；对目录结构执行建立命令下载目录项目依赖文件，进而获得目录文件。3.根据权利要求2所述的网站开发方法，其特征在于，所述前端开发工具基于Vue或React的前端框架进行开发，具有可视化的终端命令界面，用于供开发人员操作配置；所述前端开发工具内置于本地开发服务器中用于提供一套生成目录结构的脚手架搭建项目目录结构。4.根据权利要求3所述的网站开发方法，其特征在于，所述生成目录结构的脚手架搭建项目目录结构的方法包括：操作人员在终端命令界面，下载命令行工具；基于命令行工具运行相关命令，从而出现项目配置项；对项目配置项进行配置，最终生成项目目录结构。5.根据权利要求2所述的网站开发方法，其特征在于，对目录结构执行建立命令下载目录项目依赖文件，进而获得目录文件还包括：选择匹配当前项目依赖文件的版本进行下载，若遇到不匹配情况则判定位版本错误信息，并反馈在终端界面上；其中项目依赖文件的版本通过人工定义设置。6.根据权利要求1所述的网站开发方法，其特征在于，对目录文件中的项目代码进行编译，将项目代码部署在本地服务器上；并在编译过程中对项目代码进行优化，获得编译优化后的目录文件的方法包括：将项目目录结构中的模板文件进行编译处理，获得JS脚本文件，并将JS脚本文件部署到本地服务器；其中模板文件的类型包括：Css样式文件、 JS脚本文件、Scss文件以及Less样式文件；对部署到本地服务器的JS脚本文件进行压缩及文件合并，获得优化后的目录文件，其中编译优化后的项目代码保存至缓存中且在缓存中生成唯一编码。7.根据权利...

【专利技术属性】
技术研发人员：师晓栋，
申请(专利权)人：徐工汉云技术股份有限公司，
类型：发明
国别省市：