仿造问卷星--开发一套调查问卷设计工具(1/3)--完整流程

简介: 仿造问卷星--开发一套调查问卷设计工具(1/3)--完整流程

一,开发前的准备

第一步,初始化项目

创建package.json

首先,新建一个空文件夹项目,在空文件上按shift键同时鼠标右击,打开命令终端窗口

npm init
• 1

第二步,安装项目依赖

Parcel 快速部署工具,官网:https://parceljs.org/docs/

Parcel是一款极速零配置WEB应用打包工具,快速、几乎零配置是它最大的特点,开箱即用。相比webpack,Parcel对于新手来是一个很好的选择。

NPM安装

npm install --save-dev parcel

项目所需其他工具依赖:

安装上面三个依赖工具

npm i pretty-print-json copy-to-clipboard gotpl  

最终目录结构:

二,在项目目录中分别创建三个文件:index.html index.css index.js

修改index.html如下:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>问卷调查编辑工具</title>
    <link rel="stylesheet" href="index.css" />
    <script type="module" src="index.js"></script>
  </head>
  <body>
    <h1>欢迎使用问卷调查编辑工具!</h1>
  </body>
</html>

三,修改package.json文件:

{
  "name": "questionnaire-design",
  "version": "1.0.0",
  "description": "调查问卷设计",
  "source": "index.html",
  "scripts": {
    "start": "parcel",
    "build": "parcel build"
  },
  "author": "tigerhhzz",
  "license": "ISC",
  "devDependencies": {
    "parcel": "^2.8.3"
  },
  "dependencies": {
    "copy-to-clipboard": "^3.3.3",
    "gotpl": "^8.4.5",
    "pretty-print-json": "^1.4.1"
  }
}

四,运行项目:

运行成功:

访问http://localhost:1234

目录
打赏
0
0
0
0
36
分享
相关文章
智能评估时代:SurveyKing开源问卷系统YYDS
我发现了一个开源的问卷/考试系统SurveyKing([GitHub](https://github.com/javahuang/surveyking) / [Gitee](https://gitee.com/surveyking/surveyking)),拥有强大功能,包括丰富的问卷设计选项。它在GitHub上有2.9k stars。虽然后端开源,但前端代码未公开。快速体验可通过Docker运行`docker run -p 1991:1991 surveyking/surveyking`。项目部署涉及数据库初始化和编写`docker-compose.yml`。
423 22
智能评估时代:SurveyKing开源问卷系统YYDS
如何选择会议签到软件?快来看这份深度测评
百格活动功能齐全但价格高,适合预算充足的大型会议;快会务则更适合对私有化部署要求高的场景。草料免费可用、能快速落地,推荐预算有限的中小型会议选择。
如何选择会议签到软件?快来看这份深度测评
|
9月前
|
仿造问卷星--开发一套调查问卷设计工具(3/3)--完整流程
仿造问卷星--开发一套调查问卷设计工具(3/3)--完整流程
132 0
基于微信小程序的竞赛管理平台设计与实现(开题报告+任务书+源码+lw+ppt +部署文档+讲解)
基于微信小程序的竞赛管理平台设计与实现(开题报告+任务书+源码+lw+ppt +部署文档+讲解)
195 1
【开题报告】基于uniapp的在线考试小程序的设计与实现
【开题报告】基于uniapp的在线考试小程序的设计与实现
200 0
【开题报告】基于SpringBoot的演唱会门票在线预定系统的设计与实现
【开题报告】基于SpringBoot的演唱会门票在线预定系统的设计与实现
473 0
【开题报告】基于SpringBoot的民宿在线预定系统的设计与实现
【开题报告】基于SpringBoot的民宿在线预定系统的设计与实现
577 0
项目实战5——发送调查问卷流程代码流程优化
项目实战5——发送调查问卷流程代码流程优化
145 0

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等