{"id":18033939,"url":"https://github.com/miolab/vue_container","last_synced_at":"2025-03-27T06:31:20.444Z","repository":{"id":38185902,"uuid":"251261796","full_name":"miolab/vue_container","owner":"miolab","description":"Vue.js(2系)のDocker開発環境/検証用リポジトリ","archived":true,"fork":false,"pushed_at":"2023-01-06T19:59:40.000Z","size":7490,"stargazers_count":0,"open_issues_count":16,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-10T07:15:30.814Z","etag":null,"topics":["circleci","docker-compose","vuejs","yarn"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/miolab.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-03-30T09:40:01.000Z","updated_at":"2024-04-25T10:57:36.000Z","dependencies_parsed_at":"2023-02-06T08:31:28.459Z","dependency_job_id":null,"html_url":"https://github.com/miolab/vue_container","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/miolab%2Fvue_container","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miolab%2Fvue_container/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miolab%2Fvue_container/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miolab%2Fvue_container/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/miolab","download_url":"https://codeload.github.com/miolab/vue_container/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245797502,"owners_count":20673872,"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":["circleci","docker-compose","vuejs","yarn"],"created_at":"2024-10-30T11:09:01.011Z","updated_at":"2025-03-27T06:31:19.934Z","avatar_url":"https://github.com/miolab.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue.js v2 Dev Container\n\n[![miolab](https://circleci.com/gh/miolab/vue_container.svg?style=svg)](https://github.com/miolab/vue_container)\n\n**Vue.js** (v2) の Docker 開発環境リポジトリ\n\n\u003cimg width=\"600\" alt=\"vue\" src=\"https://user-images.githubusercontent.com/33124627/77903090-4463d480-72bd-11ea-86c6-c62023bfa3f0.png\"\u003e\n\n- バージョン\n\n  ```sh\n  $ docker-compose run --rm app yarn list vue\n  └─ vue@2.6.12\n\n  $ docker-compose exec app sh -c \"node --version \u0026\u0026 vue --version\"\n  v14.16.0\n  @vue/cli 4.5.11\n  ```\n\n## Usage\n\n以下コード中、\n\n- `$ ...`は Terminal での操作\n- `# ...`は Docker コンテナ内での操作\n\nを表す。\n\n### ビルド・起動\n\n## コンテナビルド\n\n- ビルド\n\n  ```sh\n  $ git clone https://github.com/miolab/vue_container.git\n\n  $ cd vue_container\n\n  $ docker-compose build\n  ```\n\n- 起動\n\n  ```sh\n  $ docker-compose up -d\n  ```\n\n  ```sh\n  $ docker-compose exec app sh\n  ```\n\n  - Vue が入ったか確認\n\n    ```\n    # vue --version\n    @vue/cli 4.5.11\n    ```\n\n## Vue 開発環境構築（例）\n\n```sh\n# vue create .\n\n?  Your connection to the default yarn registry seems to be slow.\n   Use https://registry.npm.taobao.org for faster installation? No\n\n\nVue CLI v4.5.11\n? Generate project in current directory? Yes\n\n\nVue CLI v4.5.11\n? Please pick a preset: Default ([Vue 2] babel, eslint)\n? Pick the package manager to use when installing dependencies: Yarn\n\n\nVue CLI v4.5.11\n✨  Creating project in /usr/src/app.\n⚙️  Installing CLI plugins. This might take a while...\n\nyarn install v1.22.5\ninfo No lockfile found.\n[1/4] Resolving packages...\n[2/4] Fetching packages...\ninfo fsevents@2.3.2: The platform \"linux\" is incompatible with this module.\ninfo \"fsevents@2.3.2\" is an optional dependency and failed compatibility check. Excluding it from installation.\ninfo fsevents@1.2.13: The platform \"linux\" is incompatible with this module.\ninfo \"fsevents@1.2.13\" is an optional dependency and failed compatibility check. Excluding it from installation.\n\n\nsuccess Saved lockfile.\nDone in 318.73s.\n🚀  Invoking generators...\n📦  Installing additional dependencies...\n\nyarn install v1.22.5\n[1/4] Resolving packages...\nsuccess Already up-to-date.\nDone in 1.76s.\n⚓  Running completion hooks...\n\n📄  Generating README.md...\n\n🎉  Successfully created project app.\n👉  Get started with the following commands:\n\n $ yarn serve\n\n```\n\n- サーバー起動（サンプル表示） `yarn serve`\n\n  ```sh\n  $ docker-compose exec app yarn serve\n  ```\n\n  サーバーが立ち上がったら、[http://0.0.0.0:8080/](http://0.0.0.0:8080/)で確認。\n\n## テスト実行\n\n```sh\n$ docker-compose exec app sh -c \"yarn run test\"\n```\n\n- **テスト自動化**\n\n  ```sh\n  $ docker-compose exec app sh -c \"yarn run test -watchAll\"\n  ```\n\n## lint 修正\n\n```sh\n$ docker-compose exec app yarn lint -h\n```\n\n---\n\n# 補足\n\n### ~~アプデ等で環境がおかしくなったら~~\n\n- ~~`$ docker-compose run --rm app npm rebuild` 試す。~~\n\n### 削除する場合\n\n- コンテナ停止は以下\n\n  ```\n  # exit\n  ```\n\n  ```\n  $ docker-compose stop\n  ```\n\n- コンテナやイメージをまとめて全削除\n\n  ```\n  $ docker-compose down --rmi all --volumes\n  ```\n\n---\n\n## 参考\n\n## Vue Router\n\nhttps://router.vuejs.org/ja/installation.html#vue-cli\n\nインストール\n\n```sh\n$ docker-compose run --rm app yarn add vue-router\n```\n\n---\n\n#### 公式ガイド\n\n- v2 https://jp.vuejs.org/v2/guide/index.html\n- v3 https://v3.ja.vuejs.org/guide/introduction.html\n\n#### その他\n\n- https://qiita.com/Syoitu/items/4d2d51189440a69abbac\n- https://qiita.com/ryo2132/items/3d0379e85c38a9a5b355\n\n- https://qiita.com/fruitriin/items/3249bb24d60932bb42ee\n\nnpm と yarn のコマンド早見表\n\n- https://qiita.com/rubytomato@github/items/1696530bb9fd59aa28d8\n\n---\n\n# app\n\n## Project setup\n\n```\nyarn install\n```\n\n### Compiles and hot-reloads for development\n\n```\nyarn serve\n```\n\n### Compiles and minifies for production\n\n```\nyarn build\n```\n\n### Lints and fixes files\n\n```\nyarn lint\n```\n\n- options\n\n  ```\n  $ docker-compose exec app yarn lint -h\n  yarn run v1.22.5\n  $ vue-cli-service lint -h\n\n    Usage: vue-cli-service lint [options] [...files]\n\n    Options:\n\n      --format [formatter]   specify formatter (default: codeframe)\n      --no-fix               do not fix errors or warnings\n      --no-fix-warnings      fix errors, but do not fix warnings\n      --max-errors [limit]   specify number of errors to make build failed (default: 0)\n      --max-warnings [limit] specify number of warnings to make build failed (default: Infinity)\n  ```\n\n### Customize configuration\n\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmiolab%2Fvue_container","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmiolab%2Fvue_container","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmiolab%2Fvue_container/lists"}