安装node和npm

npm init 初始化项目

规范版本号

一级版本，重构版本

二级版本，重大功能改进

三级版本，小升级或者bug修复

为何从0.0.1开始，可以认为是非正式版，正式版可以以1.x.x开始了。

规范一级目录

src - 源代码

release - 发布结果

test - 单元测试用例

doc - 文档

example - 示例

构建工具

复制命令

npm i babel-core babel-loader babel-polyfill babel-preset-es2015 babel-preset-latest webpack webpack-cli --save-dev --registry=https://registry.npm.taobao.org

添加.gitignore文件

创建.babelrc文件

文件内容

{ "presets": ["es2015","latest"], "plugins": []}

项目根目录下创建 webpack.config.js文件

内容如下

module.exports = { entry : './src/index.js', output : {     pathh: __dirname,     filename: './release/bundle.js', }, module: {     rules: [{         test: /\.js?$/,         exculde: /(node_modules)/,         loader: 'babel-loader'     }] }}

修改package.json中的scripts

添加代码

"release": "webpack"

运行命令，生成release的内容

npm run release

运行示例

在example中创建test.html，引用release的内容

      
                 
         example     
      

如何规范化运行

npm安装静态网页工具npm install http-server -g

修改package.json中的scripts，添加"example": "http-server -p 8080"

运行命令npm run example

浏览器访问http://localhost:8080/example/test.html

规范git分支

至少要2个分支，master和dev。原则是用不到就先不要规划。

完善README.md

• 产品简介
• 产品安装和下载
• 快速使用
• 交流提问区
• 关于作者

提交GitHub