怎麼在idea創建vuejs項目

建立方法：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鷹架工具

·開啟idea 的Terminal

#此時先修改一下Terminal的路徑改成本機的cmd路徑==>File->Settings(改完重啟)（否則會出現npm,vue不是內部指令的錯）:

改完後，就執行以下指令

//安装淘宝镜像
npm i -g cnpm --registry=https://registry.npm.taobao.org

·等待下載完成以後，繼續安裝vue的鷹架工具，在Terminal內繼續輸入以下指令

npm i -g vue-cli

測試是否安裝成功：

vue -V

鷹架安裝完成後，初始化套件結構,繼續輸入

vue init webpack demo

demo為你前面新建的專案名稱。初始化會進行設定。可參考此處設定。

初始化完成後。依序在Terminal輸入:

cd demo
npm install (or if using yarn :yarn)
npm run dev

完成後，會提示在哪個連接埠可以訪問，這裡現在是8080

## 開啟瀏覽器輸入：localhost: 8080,出現以下畫面，簡單的demo就搭建完成了。

相關推薦：《

vue.js教學

》

以上是怎麼在idea創建vuejs項目的詳細內容。更多資訊請關注PHP中文網其他相關文章！