https://github.com/isuke/rails-vue-sample
https://github.com/isuke/rails-vue-sample
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/isuke/rails-vue-sample
- Owner: isuke
- Created: 2022-12-07T03:45:30.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-15T11:59:40.000Z (over 3 years ago)
- Last Synced: 2025-02-06T06:44:45.700Z (over 1 year ago)
- Language: Ruby
- Size: 93.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rails + Vue Sample
- Rails 7
- Vue 3
- webpack 5
- TypeScript
- System spec with capybara
## Development
```sh
$ bundle exec rails s
$ npm run dev
```
## Memo
```sh
$ rails new \
--skip-action-mailer \
--skip-action-mailbox \
--skip-action-text \
--skip-active-job \
--skip-active-storage \
--skip-action-cable \
--skip-asset-pipeline \
--skip-javascript \
--skip-hotwire \
--skip-test \
--skip-bundle \
.
$ npm i vue axios vue-axios destyle.css
$ npm i -D \
webpack webpack-cli webpack-dev-server \
webpack-merge clean-webpack-plugin assets-webpack-plugin @types/webpack-env \
vue-loader vue-style-loader vue-template-compiler \
typescript ts-loader \
sass sass-loader css-loader style-loader \
babel-loader babel-preset-typescript-vue3 \
@babel/core @babel/preset-env @babel/preset-typescript
$ rm -rf app/assets app/helpers
$ mkdir -p app/frontend/{assets,components,styles,plugins}
$ mkdir public/dist
$ mkdir app/views/pages && touch app/views/pages/empty.html
```