ggbeng-cli
v0.0.6
Published
vue+webpack
Downloads
4
Readme
ggbeng-cli 开发规范
首次启动
- 首先需要先安装 node 环境, win/macOS 登录 nodejs.org 下载对应包安装, 安装后在命令行输入
node -v
提示出版本号之后表示安装成功 - 安装淘宝镜像:在命令行输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
或https://yarnpkg.com/zh-Hans/
安装yarn - 安装 hjk-cli:使用cnpm在命令行输入
cnpm install -g ggbeng-cli
,使用yarn在命令行输入yarn add global ggbeng-cli
- 初始化项目:
ggb init your project name
cd your project name
- 开发环境
ggb start
- 生产环境
ggb build
PS:为了避免端口号冲突,默认启动端口号:9527
项目结构
├── public 静态文件(不参与编译)
│ ├── index.html 入口页
│ └── logo_hjk.ico 浏览器icon
├── src 项目源码目录
│ ├── main.js 入口js文件
│ ├── App.vue 根组件
│ ├── components 公共组件目录
│ ├── assets 资源目录,这里的资源会被wabpack构建
│ │ ├── css 公共样式文件目录
│ │ ├── js 公共js文件目录
│ │ └── img 图片存放目录
│ ├── route.js 前端路由
│ ├── store.js 状态存储仓库
│ └── views 页面目录
│ ├── login.vue
│ └── home.vue
├── package.json npm包配置文件,里面定义了项目的npm脚本,依赖包等信息
└── vue.config.js webpack配置