建立方法:1、安裝Node;2、開啟idea,點選“Create New Project”-“Static Web”,填寫專案名,點選“Finis”;3、開啟idea的Terminal,執行指令來安裝vue腳手架工具、初始化vue專案即可。
本教學操作環境:windows7系統、vue2.9.6版,DELL G3電腦。
一、Vue.js需要Node.js的基礎
1、下載網址:https://nodejs.org/en/ download/
(依照正常的安裝步驟,下一步下一步可以~)
2、開啟cmd(win R)輸入如下指令查看是否安裝成功:
node -v npm -v
二、開始建立專案
#1、開啟Idea新專案
#Create New Project > Static Web>填入project name與選擇已儲存的工作空間>Finis
##2、安裝vue鷹架工具
//安装淘宝镜像 npm i -g cnpm --registry=https://registry.npm.taobao.org
npm i -g vue-cli
vue -V
vue init webpack demo
初始化完成後。依序在Terminal輸入:
cd demo npm install (or if using yarn :yarn) npm run dev
## 開啟瀏覽器輸入:localhost: 8080,出現以下畫面,簡單的demo就搭建完成了。
相關推薦:《
vue.js教學以上是怎麼在idea創建vuejs項目的詳細內容。更多資訊請關注PHP中文網其他相關文章!