4-开发环境.
Posted tomandjerry
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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
以上是关于4-开发环境.的主要内容，如果未能解决你的问题，请参考以下文章