1、Create New Project > Static Web>填寫project name和選擇保存的工作空間>Finish
2、打開idea的Terminal,輸入以下的命令
npm i -g cnpm --registry=https://registry.npm.taobao.org
- 等待下載完成以后,繼續安裝vue的腳手架工具,在Terminal內繼續輸入以下命令
- npm i -g vue-cli
- 測試是否安裝成功(注意這里要用大寫的V):
- vue -V
- 腳手架安裝完成后,初始化包結構,繼續輸入
- vue init webpack demo
- vue(但是不能包含大寫字母)為你前面新建的項目名。初始化會進行設置。可參考此處設置。
- ?Project name vue
- ? Project description A Vue.js project
- ? Author chenwei
- ?Vue build standalone
- ?Install vue-router? Yes
- ?Use ESLint to lint your code? No
- ?Set up unit tests No
- ?Setup e2e tests with Nightwatch? No
- Should we run npm install for you after the project has been created?(recommended)
- Yes,use NPM
- Yes ,use Yarn
- >No,I will handle that myself

- 初始化完成之后回車就會出現以下文字

- 然后在Terminal中手動輸入圖片中的黃色字體 完成后,會提示在哪個端口可以訪問,此處現在是8080
-
還有最后一條指令可以用yarn dev代替

- 打開瀏覽器輸入:localhost:8080,出現以下畫面,簡單的demo就搭建完成了 。(或者直接點擊地址)

