zoukankan      html  css  js  c++  java
  • 4-开发环境.

    安装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的内容

    <!DOCTYPE html>
    <html>
     <head>
         <meta charset="UTF-8">
         <title>***</title>
     </head>
     <body>
         <p>
             example
         </p>
         <script src="../release/bundle.js"></script>
     </body>
    </html>
    
    如何规范化运行

    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
  • 相关阅读:
    html5shiv.js-让IE浏览器支持HTML5标准
    CSS2系列:外边距合并问题(margincollapse)
    HTML5:离线存储(缓存机制)-IndexDB
    CSS3系列:流式(弹性)布局(flex布局)
    Sublime Text 3 常用插件以及安装方法(转)
    后台配置参数写在文件上
    20160414
    2016413
    20160412
    网页设计素材网站
  • 原文地址:https://www.cnblogs.com/TomAndJerry/p/10534578.html
Copyright © 2011-2022 走看看