使用VS code 打開Vue項目

https://blog.csdn.net/qq_43540696/article/details/103122407

本文目錄

• 設置VS code為中文

• 打開項目

開始工作

初始界面為英文 將它界面設置成中文

快捷鍵【Ctrl+Shift+P】彈出的搜索框中輸入【configure language】

打開了locale.json文件修改locale屬性為zh-cn

保存（CTRL+S）locale.json文件，重新啟動VSCode軟件

locale.json中的代碼配置的意思是說軟件啟動加載語言配置包為中文

實際上剛剛安裝的VSCode並沒有中文語言包

按照圖中紅色箭頭指示位置點擊步驟1在彈出的搜索框中輸入Chinese

選擇【Chinese （Simplified）Language Pack for Visual Studio Code】，然后點擊右側的【Install】

安裝好后重啟vs就可以看見熟悉的中文了！

打開項目

根據自己創建的項目路徑打開

給項目添加Element ui插件吧！

在該項目目錄下cmd輸入命令

等待安裝成功后

在VS code 里修改webpack.config.js文件

添加以下element框架特殊的文件格式eot|woff|woff2|ttf

在main.js里導入element ui框架

可以上網:http://element-cn.eleme.io/#/zh-CN/component/installation

查找所需要的組件:在app.vue中安排布局

如果項目需要使用router

在項目cmd命令窗口輸入npm install vue-router