{"id":13596354,"url":"https://github.com/ndabAP/vue-sails-example","last_synced_at":"2025-04-09T16:32:23.267Z","repository":{"id":94724383,"uuid":"86599554","full_name":"ndabAP/vue-sails-example","owner":"ndabAP","description":"NOT MAINTAINED Vue.js with Sails.js example project with many features","archived":false,"fork":false,"pushed_at":"2023-02-25T09:59:55.000Z","size":3344,"stargazers_count":295,"open_issues_count":11,"forks_count":74,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-04-04T09:09:20.526Z","etag":null,"topics":["javascript","sails","sailsjs","vue","vuejs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ndabAP.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-03-29T15:33:52.000Z","updated_at":"2025-03-12T08:51:41.000Z","dependencies_parsed_at":"2023-04-06T07:43:32.612Z","dependency_job_id":null,"html_url":"https://github.com/ndabAP/vue-sails-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndabAP%2Fvue-sails-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndabAP%2Fvue-sails-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndabAP%2Fvue-sails-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndabAP%2Fvue-sails-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ndabAP","download_url":"https://codeload.github.com/ndabAP/vue-sails-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248067890,"owners_count":21042372,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","sails","sailsjs","vue","vuejs"],"created_at":"2024-08-01T16:02:20.299Z","updated_at":"2025-04-09T16:32:18.257Z","avatar_url":"https://github.com/ndabAP.png","language":"JavaScript","readme":"# NOT MAINTAINED Vue.js with Sails.js example project\n\nThis project is for those who are new to\n[single-page applications](https://en.wikipedia.org/wiki/Single-page_application) and want to learn through a real\nexample. Besides that, it should cover most of the features from Sails.js and Vue.js, like a reference book. For a better understanding, you should be aware of [JavaScript ES6 features](http://es6-features.org) and also [async/await](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function).\n\n## Features\n\nThis project should cover as many features as possible. It should be used as an example for newbies and also serve as\na reference book. These notable elements are covered.\n\n- Internationalization\n- Unit and functional tests (frontend tests with Cypress.io)\n- Dedicated mobile version\n- Socket.IO usage\n- Local storage plus cookie authentication\n- User input validation\n- Progressive web app support\n- State persistence\n- Natural language processing\n\n## Installation\n\n### Prerequisites\n\nTo get started, you need Node.js. It's also recommend to have Sails.js globally installed. If you don't want to have Sails.js globally installed just use `npm run dev`. Finally, install the Node.js modules.\n\n#### Get Node.js\n\n```bash\n$ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -\n$ sudo apt-get install -y nodejs\n```\n\n#### Get Sails.js (optional)\n\n```bash\n$ sudo npm install sails -g\n```\n\n#### Install modules\n\n```bash\n$ cd frontend \u0026\u0026 npm install\n$ cd ../backend \u0026\u0026 npm install\n```\n\n## Usage\n\n### Development\n\n`cd backend \u0026\u0026 sails lift` and then `cd ../frontend \u0026\u0026 npm run serve`. After that, open\n[localhost:8080](http://localhost:8080) in your browser. Make sure that you start both servers simultaneously.\n\n### Production\n\nFirst, you have to build up your Vue.js components and merge them with Sails.js. This can be done with\n`cd frontend \u0026\u0026 npm run build`. Now do `cd ../backend \u0026\u0026 NODE_ENV=production node app.js` and then open your browser and go to\n[localhost:1337](http://localhost:1337).\n\n## Commands\n\n### Backend\n\nFor a complete list see `package.json`.\n\n| Command             | Description                                                                                      |\n|---------------------|--------------------------------------------------------------------------------------------------|\n| `npm run dev`       | Start Sails.js if you didn't install it globally                                                 |\n| `npm run dev:watch` | Start Sails.js with watch mode if you didn't install it globally (this will delete new products)                                 |\n| `npm run test`      | Run all available tests like unit or functional tests                                            |\n\n### Frontend\n\nFor a complete list see `package.json`.\n\n| Command                   | Description                                                                              |\n|---------------------------|------------------------------------------------------------------------------------------|\n| `npm run serve`           | Start the development server at [localhost:8080](http://localhost:8080)                  |\n| `npm run build`           | Minfiy, uglify and merge the application with Sails.js                                   |\n| `npm run test`            | Run all available tests like unit or functional tests                                    |\n\n## Essential components\n\nThe following components are used in this project. There are plenty more, though, check the `package.json` files.\n\n### [Sails.js](https://github.com/balderdashy/sails)\n\nThis is the backend and data provider.\n\n### [Vue.js](https://github.com/vuejs/vue)\n\nHandle frontend data with a [MVVM](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel).\n\n### [Vuex](https://github.com/vuejs/vuex)\n\nA [state pattern](https://en.wikipedia.org/wiki/State_pattern).\n\n### [BootstrapVue](https://github.com/bootstrap-vue/bootstrap-vue)\n\nFrontend framework. The design part.\n\n### [vue-resource](https://github.com/pagekit/vue-resource)\n\nHTTP client for Vue.js.\n\n### [vue-router](https://github.com/vuejs/vue-router)\n\nRouter for the frontend.\n\n## Starter template\n\nIf you want to start from scratch without any content take a look at the [starter template](https://github.com/steventhanna/vue-sails-template) made by [Steven Hanna](https://github.com/steventhanna). It uses the same setup as this example.\n\n## Code style\n\nThis project fulfils the [JavaScript Standard Style](https://standardjs.com/).\n\n## Author\n\n[Julian Claus](https://www.julian-claus.de) and contributors.\n\n## License\n\nMIT\n","funding_links":[],"categories":["JavaScript","awesome-vue [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Resources","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) ★101652](https://github.com/sindresorhus/awesome)","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Examples [🔝](#readme)"],"sub_categories":["例子","Examples"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FndabAP%2Fvue-sails-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FndabAP%2Fvue-sails-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FndabAP%2Fvue-sails-example/lists"}