简单Web Demo项目搭建
原创
背景
最近用svg.js 做一些图形展示的demo， 在vscode下搭个web的编码环境，支持语法补全和实时预览。
实践
- 安装npm
- 新建demo目录
- 初始化环境
npm init -y - 安装代码提示
npm install -D eslint（devDependencies节点：开发时的依赖包，项目打包到生产环境的时候不包含的依赖使用 -D参数将依赖添加到devDependencies节点） - 安装svg.js
npm install @svgdotjs/svg.js - 安装 parcel
npm install -g parcel-bundler(打包工具，自动打包依赖同webpack) - 添加 index.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
<script src="index.js" type=""></script>
</html>7.添加 index.js
import { SVG } from "@svgdotjs/svg.js";
var draw = SVG().addTo('body').size(300, 300)
var rect = draw.rect(100, 100).attr({ fill: '#f06' })8.运行 parcel index.html
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
