Vueexpresso
Vueexpresso là một ứng dụng gốc sử dụng các công nghệ mới như vue, vuex, graphql, webpack, apollo, và nhiều công nghệ khác (Xem danh sách đầy đủ bên dưới).
Chủ yếu được tham khảo từ
Bắt đầu
Lưu ý nhớ chạy quy trình Mongo ở nền hoặc chỉnh sửa config/index.js với một phiên bản mongodb đám mây (mặc định là localhost)
Xem here để biết cách chạy máy chủ mongo
git clone https://github.com/Ethaan/vuexpresso.git
npm install -g babel-cli
yarn
yarn dev
Các Lệnh Khác
yarn run storybook – Dịch vụ máy chủ trò chơi bằng cách sử dụng storybook
Gồm có
Máy chủ Graphql
Theo mặc định, nó chạy một máy chủ trên /graphql, để thực hiện các cuộc gọi API, bạn có thể xóa phần máy chủ được khởi tạo trong build/dev-server.js nếu bạn có máy chủ API bên ngoài
Giao diện GraphiQL
Mặc định là /graphiql nhưng bạn có thể thay đổi nó trong data/base-config.js;
Giao diện Storybook.
Nó sử dụng Storbook để hiển thị và kiểm tra các thành phần tốt hơn trong thời gian thực, xem official repo
Cấu hình Vuex.
Vuex đã được thiết lập sẵn nên bạn chỉ cần quan tâm đến việc thêm các module, một ví dụ có thể được tìm thấy ở đây src/store/modules/notifications.js;
Vue Router
Các tuyến đường sống trong src/routes.js
Webpack
Sử dụng Webpack master example như tài liệu tham khảo, với một số sửa đổi nhẹ để làm việc với ES6 và graphql
Jade & Stylus
Bạn có thể dễ dàng loại bỏ Jade và stylus bằng cách loại bỏ chúng khỏi thẻ như <template lang="jade"></template => <template></template tương tự cho stylus.
Thư viện và Công nghệ sử dụng
TODO
- Xây dựng cho Sản phẩm Cuối cùng
.babelrc
{
"presets": [
["env", { "modules": false }],
"stage-2"
],
"plugins": [
"transform-runtime",
"transform-object-rest-spread",
"transform-es2015-modules-commonjs"
],
"comments": false,
}
.eslintrc.js
// http://eslint.org/docs/user-guide/configuring
module.exports = {
root: true,
parser: 'babel-eslint',
parserOptions: {
sourceType: 'module'
},
env: {
browser: true,
},
extends: 'airbnb-base',
plugins: [
'html'
],
// add your custom rules here
'rules': {
'no-underscore-dangle': 0,
'import/no-unresolved': [0, {commonjs: true, amd: true}],
'import/extensions': ['off', 'always', {
'js': 'never',
'vue': 'never'
}],
'import/no-extraneous-dependencies': ['off', 'always'],
'import/no-unreslved': 0,
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
}
}
.gitignore
.DS_Store
node_modules/
dist/
npm-debug.log
yarn-error.log
Chi tiết Tải về:
Tác giả: Ethaan
Mã nguồn: https://github.com/Ethaan/vuexpresso
