差分

このページの2つのバージョン間の差分を表示します。

--- javascript:yarn [2020/06/20 11:34] – [Yarn - パッケージマネージャ] ともやん
+++ javascript:yarn [2020/06/26 08:09] – [Vue.js プロジェクトの実行] ともやん
@@ 行 1201: / 行 1201: @@
 Done in 8558.43s.
+</code>
+</WRAP>
+==== Vue.js プロジェクトの実行 ====
+プロジェクトのディレクトリに入る。\\
+<WRAP prewrap 100%>
+<code powershell>
+$ cd vue_project
+</code>
+</WRAP>
+プロジェクトの実行。\\
+<WRAP prewrap 100%>
+<code powershell>
+$ yarn serve
+</code>
+</WRAP>
+<WRAP prewrap 100% #result_long>
+<code powershell>
+yarn run v1.22.4
+warning ..\package.json: No license field
+$ vue-cli-service serve
+ INFO  Starting development server...
+Starting type checking and linting service...
+Using 1 worker with 2048MB memory limit
+% after emitting CopyPlugin
+ DONE  Compiled successfully in 15977ms                                                                          7:29:54
+WARNING in C:/My_Projects/vuejs_app/vue_project/src/views/Home.vue(10,53):
+:53 Missing semicolon
+| <script>
+| // @ is an alias to /src
+  > 10 | import HelloWorld from '@/components/HelloWorld.vue'
+       |                                                     ^
+|
+| export default {
+|   name: 'Home',
+WARNING in C:/My_Projects/vuejs_app/vue_project/src/views/Home.vue(15,15):
+:15 Missing trailing comma
+|   name: 'Home',
+|   components: {
+  > 15 |     HelloWorld
+       |               ^
+|   }
+| }
+| </script>
+WARNING in C:/My_Projects/vuejs_app/vue_project/src/views/Home.vue(16,4):
+:4 Missing trailing comma
+|   components: {
+|     HelloWorld
+  > 16 |   }
+       |    ^
+| }
+| </script>
+|
+WARNING in C:/My_Projects/vuejs_app/vue_project/src/views/Home.vue(17,2):
+:2 Missing semicolon
+|     HelloWorld
+|   }
+  > 17 | }
+       |  ^
+| </script>
+|
+No type errors found
+Version: typescript 3.9.5, tslint 5.20.1
+Time: 15474ms
+  App running at:
+  - Local:   http://localhost:8080/
+  - Network: unavailable
+  Note that the development build is not optimized.
+  To create a production build, run yarn build.
+</code>
+</WRAP>
+[[http://localhost:8080/|]] にアクセスする。\\
+{{javascript:vuejs:vuejs_vue-cli_app_001.png?500|Vue.js App}}\\
+===== メモ =====
+**Compass を有効にする。**\\
+<WRAP prewrap 100%>
+<code>
+$ yarn add compass-mixins
+</code>
+</WRAP>
+<WRAP prewrap 100% #result>
+<code>
+yarn add v1.22.4
+warning ..\package.json: No license field
+[1/4] Resolving packages...
+[2/4] Fetching packages...
+info fsevents@2.1.3: The platform "win32" is incompatible with this module.
+info "fsevents@2.1.3" is an optional dependency and failed compatibility check. Excluding it from installation.
+info fsevents@1.2.13: The platform "win32" is incompatible with this module.
+info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
+[3/4] Linking dependencies...
+warning "@vue/cli-plugin-e2e-cypress > eslint-plugin-cypress@2.11.1" has unmet peer dependency "eslint@>= 3.2.1".
+warning "@vue/cli-plugin-unit-mocha > mochapack@1.1.15" has unmet peer dependency "webpack@^4.0.0".
+warning " > sass-loader@8.0.2" has unmet peer dependency "webpack@^4.36.0 || ^5.0.0".
+[4/4] Building fresh packages...
+success Saved lockfile.
+success Saved 1 new dependency.
+info Direct dependencies
+└─ compass-mixins@0.12.10
+info All dependencies
+└─ compass-mixins@0.12.10
+Done in 24.40s.
 </code>
 </WRAP>