一.首先安裝 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工程

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

