1 Star 0 Fork 0

codingHi/test-js

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
codingHi 11 3fcc74d 3年前
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

test-js

介绍

JS语法练习和记录,搭配上Babel和热更新的功能,主要是记录和存储

软件架构

使用babel 转换es6代码 npm uninstall来实现物理删除

Babel7+的变化: 1.包名的更改

  • babylon 现在叫 @babel/parser
  • 并且babel7中添加了范围包的概念,我们还可以使用包名的简称和全称。举例:
  • 1.babel-cli 变为了 @babel/cli
  • 2.babel-core 变为了 @babel/core
  • 3.babel-preset-env 变为了 @babel/preset-env, 而且可以省略掉 preset 变为 @babel/env

安装教程

  1. npm init -y
  2. npm install --save-dev @babel/core @babel/cli @babel/preset-env
  3. babel src/index.js -o dist/index.js (-o 转换的意思 -w每次修改后编译)
  4. npm install --save-dev live-server #带热更新的server

使用说明

npx live-server #启动server

npx http-server -p 8083 #启动一个静态服务器 并指定端口

如果需要转编译和热更新同时进行,可以开两个命令窗,一个启动配置的build监听编译并自动执行,一个启动live-server服务器。

需要手动创建.babelrc文件

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

特技

  1. 使用 Readme_XXX.md 来支持不同的语言,例如 Readme_en.md, Readme_zh.md
  2. Gitee 官方博客 blog.gitee.com
  3. 你可以 https://gitee.com/explore 这个地址来了解 Gitee 上的优秀开源项目
  4. GVP 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目
  5. Gitee 官方提供的使用手册 https://gitee.com/help
  6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 https://gitee.com/gitee-stars/

空文件

简介

JS语法练习和记录,搭配上Babel和热更新的功能,主要是记录和存储 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/codingHi/test-js.git
git@gitee.com:codingHi/test-js.git
codingHi
test-js
test-js
master

搜索帮助