鏈接:https://pan.baidu.com/s/11DCDDPQcYlafzl75Eugu5Q
提取碼:ijd0
一鍵式傻瓜安裝后配置中文
-
按照下圖中紅色箭頭指示位置點擊步驟1指向,然后在彈出的搜索框中輸入Chinese,然后選擇【Chinese (Simplified)Language Pack for Visual Studio Code】,然后點擊右側(cè)的【Install】弟胀,如下圖:
配置并創(chuàng)建vue工程
-
打開菜單欄中的文件->選擇文件夾萧朝,瀏覽到本地磁盤中某個vue項目的空白目錄,如下圖所示:
-
在資源管理器空白處右鍵選擇“在終端中打開”夏哭,如下圖所示:
-
我們在終端中輸入以下命令
npm install vue -g
如下圖所示: -
繼續(xù)在終端中輸入以下命令
npm install vue-cli -g
如下圖所示: -
繼續(xù)在終端中輸入以下命令
npm install webpack -g
如下圖所示: -
我們輸入以下命令來創(chuàng)建一個項目
vue init webpack my-first-vue-project
如下圖所示: -
通過cd命令進入到創(chuàng)建的項目目錄下检柬,然后輸入命令
npm install
如下圖所示: -
項目創(chuàng)建完成后的目錄結(jié)構(gòu)如下圖所示:
-
輸入命令
npm run dev
來運行vue項目,成功之后會提示應(yīng)用程序訪問的路徑竖配,如下圖所示: 我們在瀏覽器中輸入地址何址,即可訪問vue的項目了,如下圖所示: