使用VS code 打开Vue项目

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

本文目录

开始工作

在这里插入图片描述

初始界面为英文 将它界面设置成中文

在这里插入图片描述

快捷键【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

原文地址:https://www.cnblogs.com/sunny3158/p/14438340.html