使用webstorm 搭建 vue 開發環境


一.首先安裝 node.js 

安裝成功后在cmd里面使用:node -v 命令查看安裝是否成功 下載鏈接:

鏈接:https://pan.baidu.com/s/1CL9J4Ryp3sL0zPYKJyS-3A
提取碼:d8gl

 

安裝國內的npm鏡像源:npm install -g cnpm --registry=https://registry.npm.taobao.org

 

安裝完成后使用:npm -v 或者cnpm -v (推薦使用cnpm 這樣更快)

 

 

 

安裝vue腳手架:vue-cli
npm install -g @vue/cli
cnpm install -g @vue/cli

Vue 提供了一個官方的 CLI,為單頁面應用 (SPA) 快速搭建繁雜的腳手架。它為現代前端工作流提供了 batteries-included 的構建設置。

只需要幾分鍾的時間就可以運行起來並帶有熱重載、保存時 lint 校驗,以及生產環境可用的構建版本

二、在cmd里面創建vue工程

使用:vue create +文件名   在cmd 創建vue 工程

注意:如果想在創建在某一個文件夾里面只需要切換到對應的目錄下即可

出現以下畫面就是安裝成功:

 

 

三、使用webstorm打開創建好的工程

第一步:點擊file下的open

 

選擇創建好的vue工程,點擊ok即可

 

點擊這里,如果是第一次創建會顯示addxx 

 

點擊 + 號,選擇npm ,Name:名字隨便起個,Scripts:這里的參數一定要填寫serve,不能隨便填寫。然后點擊ok

 

點擊run 按鈕,進行運行vue工程

 

 

出現以下頁面,說明運行成功,我們可以使用下面的地址去訪問我們創建好的工程了

 

 


免責聲明!

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



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