使用VS code 打开Vue项目

本文目录

• 设置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