当前位置：首页 > 软件库 > Web应用开发 > 常用JavaScript包 >

Feathers-Vue

授权协议 MIT License

开发语言 JavaScript

所属分类 Web应用开发、常用JavaScript包

软件类型开源软件

地区不详

投递者东门晨

操作系统跨平台

开源组织无

适用人群未知

软件概览

Feathers-Vue

A Vue 2 and FeathersJS 2 fullstack app with authentication, email verification, and email support."

About

This project uses Feathers. An open source web framework for building modern real-time applications and Vue 2 with Server Side Rendering.

This project is not finished but if you are can be ready to use if you are content with what it offers.

Features

SASS
Stylus
Pug
ES6, ES7, and ES8
Webpack
Vue Stash - For Redux Store
Bootstrap
Lodash
jQuery
FontAwesome
Validate client side data with mongoose schemas

Getting Started

Getting up and running is as easy as 1, 2, 3, 4.

There are multiple ways to start/develop the app.

Develop with docker

Don't install node_modules locally

Create a environment-dev.env and environment.env file to hold your environment variables. These files are ignored by git. You'll want a DATABASE_URL and you gmail info for email verification

DATABASE_URL=mongodb://db/feathersvuedevelopment
COMPLAINT_EMAIL=your_email@gmail.com
GMAIL=your_email@gmail.com
GMAIL_PASSWORD=your_pass_password

See How to set an app password

Run npm start

npm start

To see production build locally

npm run build-qa
npm run qa

To switch back to development use

npm run build-dev
npm start

Switching contexts between production and development requires a full docker build with no cache.

Develop without docker

Make sure you have NodeJS and npm installed.
Install your dependencies
```
cd path/to/Feathers-Vue; npm install
```
Start your app locally
```
mongod
```
```
npm run dev
```
In production run
```
npm run build
npm run production
```

If you want emails to work using gmail add the following environment variables

export GMAIL=yourgmailaccount@gmail.com
export GMAIL_PASS=yourpassword or app-password

See How to set an app password

Testing

Simply run npm test and all your tests in the test/ directory to run server side unit test or run npm run integration to run client side side tests.

Scaffolding

Feathers has a powerful command line interface. Here are a few things it can do:

$ npm install -g feathers-cli             # Install Feathers CLI

$ feathers generate service               # Generate a new Service
$ feathers generate hook                  # Generate a new Hook
$ feathers generate model                 # Generate a new Model
$ feathers help                           # Show all commands

Help

For more information on all the things you can do with Feathers visit docs.feathersjs.com.

Looking for mobile?

I'm working on a cordova starter with feathers 2, Vue 2, and Framework 7. Visit the cordova branch of this repo.

Cordova Branch

Gitlab Auto Deployment

Create a digitalocean instance from using the one-click docker instance.
ssh into the instance and run

  sudo apt-get update
  sudo apt-get upgrade
  sudo apt-get -y install python-pip
  sudo pip install docker-compose

Edit sshd_config

  nano /etc/ssh/sshd_config

At the bottom of the file change PasswordAuthentication

  PasswordAuthentication yes

Run reload ssh
Set the secret environment variables in gitlab

  DATABASE_URL=mongodb://db/feathersvue
  DEPLOYMENT_SERVER_IP=your_ip_address
  DEPLOYMENT_SERVER_PASS=your_user_password
  DEPLOYMENT_SERVER_USER=your_server_user

Update docker-compose.autodeploy.yml web image to point to your hosted image.
Update gitlab-ci.yml in the only sections to only run on the branches you want to deploy from.
Push changes in git to gitlab.

Breaking Changes

Removed mongoose validation from client side and replaced with Yup.
Reconstructed server-side rendering to use updated instructions in vuejs.
Moved server-entry file into app.

License

Licensed under the MIT license.

使用案例

将Feathers客户集成到Vuex

羽毛-vuex (feathers-vuex) feathers-vuex is a first class integration of the Feathers Client and Vuex. It implements many Redux best practices under the hood, eliminates a lot of boilerplate code, and st
vue的mixin

Vue 中的Mixin对编写函数式风格的代码很有用，因为函数式编程就是通过减少移动的部分让代码更好理解（引自 Michael Feathers ）。Mixin允许你封装一块在应用的其他组件中都可以使用的函数。如果使用姿势得当，他们不会改变函数作用域外部的任何东西，因此哪怕执行多次，只要是同样的输入你总是能得到一样的值，真的很强大！ export const toggle = { data()
认识Vue.js+Vue.js的优缺点+和与其他前端框架的区别

先了解什么是MVX框架模式？ MVX框架模式：MVC+MVP+MVVM 1.MVC：Model(模型)+View(视图)+controller(控制器)，主要是基于分层的目的,责任分层，各自分工。 View通过Controller来和Model联系，Controller是View和Model的协调者，View和Model不直接联系，基本联系都是单向的。 2.MVP：是从MVC模式演变而来的，都是通
在Vue.js中使用Mixins

一个很常见的场景: 有两个非常相似的组件, 它们拥有非常相似的基本功能, 但是它们之间又有足够的不同的地方, 该如何选择呢? 我们是应该将它们分成两个完全不同的组件呢? 还是创建一个基础组件, 然后定义足够多的props以方便区分使用场景? 转载http://hjingren.cn/2017/09/12/%E5%9C%A8Vue-js%E4%B8%AD%E4%BD%BF%E7%94%A8Mixin
vue mixins

1.mixins: 这个属性是个数组，也就是说可以加载多个 minxin 文件。 mixins中的方法是完成业务逻辑。所以在组件的生命周期中都会添加 this.handlePlaylist() 方法。这样就可以减少一部分代码。 Vue的Mixins是非常实用的编程方式, 因为最终实用的编程是通过不断减少运动部件(moving parts)使代码变得容易理解. (关于这一点, Michael Fe
在Vue.js中如何使用Mixins？

本文和大家分享的主要是在Vue.js 中使用 Mixins相关内容，一起来看看吧，希望对大家学习Vue.js 有所帮助。　　一个很常见的场景: 有两个非常相似的组件 , 它们拥有非常相似的基本功能 , 但是它们之间又有足够的不同的地方 , 该如何选择呢 ? 我们是应该将它们分成两个完全不同的组件呢 ? 还是创建一个基础组件 , 然后定义足够多的 props 以方便区分使用场景
Vue.js中使用Mixins步奏详解

这次给大家带来Vue.js中使用Mixins步奏详解，Vue.js中使用Mixins的注意事项有哪些，下面就是实战案例，一起来看一下。一个很常见的场景: 有两个非常相似的组件, 它们拥有非常相似的基本功能, 但是它们之间又有足够的不同的地方, 该如何选择呢? 我们是应该将它们分成两个完全不同的组件呢? 还是创建一个基础组件, 然后定义足够多的props以方便区分使用场景? 这两种方式都不是完美的
Vue应用中混入 (mixin) 的理解和使用

常见场景有两个非常相似的组件，他们的基本功能是一样的，但他们之间又存在着足够的差异性，此时的你就像是来到了一个分岔路口：我是把它拆分成两个不同的组件呢？还是保留为一个组件，然后通过props传值来创造差异性从而进行区分呢？两种解决方案都不够完美：如果拆分成两个组件，你就不得不冒着一旦功能变动就要在两个文件中更新代码的风险，这违背了 DRY 原则。反之，太多的props传值会很快变得混乱不堪，从

Feathers-Vue

Feathers-Vue

About

Getting Started

Develop with docker

Develop without docker

Testing

Scaffolding

Help

Looking for mobile?

Gitlab Auto Deployment

Breaking Changes

License

同类工具

相关阅读

相关文章

相关问答

相关文档