Vue 之青銅 I ⭐

有啥問題？

一直是前端技術的門外漢，覺得是時候掌握一個前端的技術用以解決一些日常問題。然而個人感覺官網的文件教程對我這樣的新手 ( 只懂常規的 Html + Css + Javascript 的人 ) 並不友好。而我又不願意紮紮實實地從頭開始學。於是乎鼓勵自己記錄下學習的過程。

開始

遵守官網建議，新手不使用 vue-cli 開始，我選擇使用 npm 開始我的第一個 Demo 。

1. 建立個目錄開始寫程式碼

   mkdir demo
   cd demo

2. 初始化 npm (一直回車即可)

   npm init

3. 安裝最新穩定版的 Vue

   npm install vue@next

4. 測試下

   code index.js

   寫入以下內容並儲存

   import Vue from 'vue'
   console.log(Vue)

   執行

   node index.js

   毫無意外報錯，主要報錯資訊如下

   import Vue from 'vue'
   ^^^^^^
   SyntaxError: Cannot use import statement outside a module

   使用《有問題就百度》大法後，得知應該修改 package.json 新增一個 type 屬性

   {
   //...
    "type": "module",
   //...
   }

   再次執行

   node index.js

   毫無疑問成功列印出了 Vue

在這裡就可以開始在命令列介面使用 Vue 做一些事了。

青銅I ⭐ 我拿下了

本作品採用《CC 協議》，轉載必須註明作者和本文連結