teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

参考サイト、ディレクトリ構造、Dockerfile等を書きました。

2020/05/27 03:47

投稿

Tikka123456
Tikka123456

スコア34

title CHANGED
File without changes
body CHANGED
@@ -1,2 +1,53 @@
1
1
  DockerToolboxを使用して環境構築を行い、いざVScodeのRemoteCotainerを使って開こうと思いましたが開けませんでした。
2
- 何か方法はあるのでしょうか?よろしくお願いします。
2
+ 何か方法はあるのでしょうか?よろしくお願いします。
3
+
4
+ 追記
5
+ [docker-composeでシンプルにvue.js環境構築](https://qiita.com/A-Kira/items/ed12de84dda0230a4eae)を参考にDockerでVueの環境構築をしました。
6
+
7
+ OS:Win10Home
8
+ DockerToolbox仕様
9
+
10
+ **ディレクトリ構造**
11
+ app
12
+ ├─docker-compose.yml
13
+ ├─docker
14
+ │ ├─Dockerfile
15
+
16
+ ├─server
17
+ │ ├─src
18
+ │ ├─node_modules
19
+ │ ├─dist
20
+ │ ├─myapp
21
+ │ ├─static
22
+ │ ├─.babelrc
23
+ │ ├─index.html
24
+ │ ├─.babelrc
25
+ │ └─package.json
26
+
27
+ **Dockerfile**
28
+ ```ここに言語を入力
29
+ FROM node:8.11.3-alpine
30
+ WORKDIR /myapp
31
+ RUN apk update && \
32
+ npm install && \
33
+ npm install -g npm && \
34
+ npm install -g vue-cli
35
+
36
+ ```
37
+ **docker-compose.yml**
38
+ ```ここに言語を入力
39
+ version: '3'
40
+
41
+ services:
42
+ zatubako:
43
+ container_name: zatubako
44
+ build: ./docker
45
+ ports:
46
+ - 8080:8080
47
+ privileged: true
48
+ volumes:
49
+ - ./server:/myapp
50
+ tty: true
51
+ stdin_open: true
52
+ command: /bin/sh
53
+ ```