用idea搭建VUE項目


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就搭建完成了 。(或者直接點擊地址)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM