# test-js

**Repository Path**: codingHi/test-js

## Basic Information

- **Project Name**: test-js
- **Description**: JS语法练习和记录，搭配上Babel和热更新的功能，主要是记录和存储
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-14
- **Last Updated**: 2022-12-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Date: 2021-04-14 14:56:22
 * @LastEditors: nice
 * @LastEditTime: 2022-12-06 15:55:27
 * @FilePath: \test-js\README.md
-->
# 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](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)