VSCode项目运行系列文章

VSCode项目运行系列文章

前言
一、如何运行他人的VUE项目
二、项目环境如何配置
三、配置中出现的各种BUG

前言

VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。
Visual Studio Code 默认支持非常多的编程语言，包括 JavaScript、TypeScript、CSS 和 HTML；也可以通过下载扩展支持 Python、C/C++、Java 和 Go在内的其他语言。支持功能包括语法高亮、括号补全、代码折叠和代码片段；对于部分语言，可以使用 IntelliSense。Visual Studio Code 也支持调试 Node.js 程序。和 GitHub 的 Atom一样，Visual Studio Code 也基于 Electron 框架构建。 Visual Studio Code 支持同时打开多个目录，并将信息保存在工作区中以便复用。 作为跨平台的编辑器，Visual Studio Code 允许用户更改文件的代码页、换行符和编程语言。

一、如何运行他人的VUE项目

在运行他人的项目时最烦恼的应该就是环境配置问题，哪怕是自己开发的项目想要换一台电脑都可能由于环境问题导致无法进行，这种烦恼实属恶心，接下来给大家介绍一种比较简单的方法解决这个困恼。
1、删除“node_modules”和"package-lock.josn"俩个文件，因为这俩个文件是基于原来开发者的npm版本库的，所以需要删除防止产生npm版本差异。
2、打开cmd，cd到项目的目录。
3、运行npm clean cache -f，清楚npm缓存。
4、运行npm install，重新安装依赖。
注：如果出现npm安装极其缓慢可以尝试：npm install --registry=https://registry.npm.taobao.org
5、找到位于package.json中scripts下“vue-cli-service serve”的前缀名，然后按快捷键ctrl+~打开终端，输入npm run 前缀名。

二、项目环境如何配置

在使用VSCode过程中我们又爱又恨的就是他丰富的插件以及各种开源的环境，于是很多小白甚至老手就会出现各种环境配置的问题，其中最为烦恼的莫过于最基础的Nodejs与其相关的node-sass以及其他的环境之间的版本匹配问题。
1.针对Nodejs与其他环境之间的匹配问题如何处理？
一般错误提示：node_modules/node-sass npm ERR! command failed
解决办法寻找对应的版本进行安装，具体参考以下博主文章。
https://blog.csdn.net/sinat_35441683/article/details/121016986
2.针对开发时需要多个版本Nodejs时应该如何处理？
我们可以使用Nvm这个软件对Nodejs进行管理，
第一步，在我们进行Nvm安装之前，需要我们将原来电脑上的Nodejs完全卸载干净，卸载干净的标志就是在cmd中输入node已经提示非指令。
第二步，具体安装过程参考以下博主文章。
https://www.cnblogs.com/gaozejie/p/10689742.html
第三步，在Nvm安装Nodejs过程中也会出现一些问题，
比如Nvm安装Nodejs 运行use命令时报错exit status 1: ��û���㹻��Ȩ��ִ�д˲�����，这时候我们的处理方法就是，使用管理员权限去运行cmd重新操作。
比如Nvm安装Nodejs之后npm指令无法使用，原因是因为有的Nodejs不提供npm的自动安装，我们需要自行下载，然后复制进入Nodejs的安装路径，具体参考以下博主文章。
https://blog.csdn.net/Deleven_Blog/article/details/100077732

三、配置中出现的各种BUG

补充ing