Vue環境搭建（使用完整框架）

Turner發表於2018-12-08
Vue框架

本文搭建環境使用Vue-Cli(3.x)版本

詳細請看Vue-Cli(3.x)搭建專案官方文件：cli.vuejs.org/zh/guide/in…

Node.js

安裝Node.js 官網：nodejs.org/en/

安裝過程全部點選下一步

Win+R召喚出執行視窗，輸入cmd開啟命令列視窗。輸入node -v即可得到對應的Node.js版本

Npm

Npm已經整合在Node.js中，同上方法可獲得Npm版本。（需要3.0.0以上版本）

  • 建議使用國內映象cNpm代替Npm提高速度 (可選)

  • 在命令列中輸入以下內容等待安裝

npm install -g cnpm --registry=https://registry.npm.taobao.org
複製程式碼

Vue-cli

npm install -g @vue/cli
複製程式碼

檢視安裝版本

vue --version
複製程式碼

構建專案（注意檔案目錄）

vue create projectName
或
vue ui
複製程式碼

Vue環境搭建（使用完整框架）

執行專案

npm run serve
複製程式碼

開啟瀏覽器輸入 localhost:8080

顯示以下頁面表示構建完成

Vue環境搭建（使用完整框架）

Vue 不支援 IE8 及以下版本

相關文章