All Projects → NewDadaFE → generator-vue-impression

NewDadaFE / generator-vue-impression

Licence: MIT license
Yeoman generator for mobile Vue 2.0 project.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to generator-vue-impression

nodejs-mock-koa2-vue2
node.js开发的一套本地mock静态数据平台系统
Stars: ✭ 16 (+23.08%)
Mutual labels:  vue2
slider
Vue 3 slider component with multihandles, tooltips merging and formatting (+Tailwind CSS support).
Stars: ✭ 162 (+1146.15%)
Mutual labels:  vue2
yipao
PC SPA Base on Vue
Stars: ✭ 18 (+38.46%)
Mutual labels:  vue2
Simple-Social-Network
Micro Social Network developed in PHP, MySQL, BOOTSTRAP 3 and VUE.JS 2
Stars: ✭ 18 (+38.46%)
Mutual labels:  vue2
jodit-vue
Vue wrapper for Jodit Editor
Stars: ✭ 60 (+361.54%)
Mutual labels:  vue2
vue-template-babel-compiler
Enable Optional Chaining(?.), Nullish Coalescing(??) and many new ES syntax for Vue.js SFC based on Babel
Stars: ✭ 106 (+715.38%)
Mutual labels:  vue2
vue3-chat
2021👨‍🎓Vue2/3全家桶 + Koa+Socket+Vant3前后端分离移动端聊天应用。vue+node全栈入门项目
Stars: ✭ 46 (+253.85%)
Mutual labels:  vue2
janak
Your next vue.js package!
Stars: ✭ 26 (+100%)
Mutual labels:  vue2
graphX
A simple blog based on Nuxt and graphQL
Stars: ✭ 19 (+46.15%)
Mutual labels:  vue2
koa-vue
前端vue+后端koa,数据库采用的mysql,开发完整的前后端项目
Stars: ✭ 18 (+38.46%)
Mutual labels:  vue2
cuida
A design system built by Sysvale, using storybook and Vue components
Stars: ✭ 16 (+23.08%)
Mutual labels:  vue2
vue-jsPlumb
jsPlumb with Vue 2.【WIP】
Stars: ✭ 66 (+407.69%)
Mutual labels:  vue2
v-intl
Add i18n to your awesome Vue 3 app 🔉
Stars: ✭ 13 (+0%)
Mutual labels:  vue2
v-drag
The simplest way to integrate dragging on Vue.js
Stars: ✭ 71 (+446.15%)
Mutual labels:  vue2
fluent-vue
Internationalization plugin for Vue.js
Stars: ✭ 137 (+953.85%)
Mutual labels:  vue2
lumen-cms
GraphQL API-First CMS based on NodeJS and Vue 2, Nuxt and Vuetify
Stars: ✭ 77 (+492.31%)
Mutual labels:  vue2
g2plot-vue
g2plot for vue, both 2 and 3
Stars: ✭ 106 (+715.38%)
Mutual labels:  vue2
d6
No description or website provided.
Stars: ✭ 22 (+69.23%)
Mutual labels:  vue2
vue-elevator
🔝 A wrapper of elevator.js in Vue
Stars: ✭ 28 (+115.38%)
Mutual labels:  vue2
vue-typescript-admin
Vue typescript 开发的基础模板,多页面支持,基础整合完毕。
Stars: ✭ 26 (+100%)
Mutual labels:  vue2

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].