Skip to content
This repository has been archived by the owner on Feb 28, 2023. It is now read-only.

NewDadaFE/generator-vue-impression

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

generator-vue-impression

Vue + Vuex + Vue Router + Vue Impression + Webpack 3

English Version

安装

首先, 安装Yeomangenerator-vue-impression:

yarn global add yo generator-vue-impression

然后创建新项目:

yo vue-impression

或者升级旧项目:

cd YOUR_PROJECT_FOLDER
yo vue-impression --upgrade

开发

首先, 进入项目目录并执行如下命令:

yarn start

然后, 打开浏览器并访问 http://localhost:8080

发版

首先, 在package.json文件中修改七牛云配置并加入密钥:

{
  "deploy": {
    "DOMAIN": "fe.imdada.cn",
    "BUCKET": "dada-fe",
    "ACCESS_KEY": "",
    "SECRET_KEY": ""
  }
}

然后执行如下命令之一:

# 小版本更新,如修复问题
npm version patch -m 'Release version %s'

# 大版本更新,如增加功能
npm version minor -m 'Release version %s'

# 手动指定版本号,如1.0.0
npm version 1.0.0 -m 'Release version %s'

# 测试版本
yarn debug

最佳实践

  • 代码格式化

    如需格式化代码,执行yarn format命令

  • 转发 API 请求

    首先, 更新package.json文件中的配置,比如:

    {
      "proxy": {
        "/api": {
          "target": "http://localhost:3000",
          "changeOrigin": true
        }
      }
    }

    然后,重启服务:

    yarn start
  • 遵守style-guide规范

  • 使用Vuex#Module拆分 store

  • 使用Ramda#assocPath更新嵌套数据

  • 使用CSS Modules创建模块化样式

License

MIT