Vue项目（一）：VSCode环境开发Vue程序以及其中遇到的问题

本文主要是介绍Vue项目（一）：VSCode环境开发Vue程序以及其中遇到的问题，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

有时间可以看一看中文文档 https://cn.vuejs.org/v2/guide/deployment.html

一、安装Vscode

这一步无特别，访问官网即可：https://code.visualstudio.com/

二、安装NodeJs

官方地址（英文）：https://nodejs.org/en/

官方中文文档地址：http://nodejs.cn/

安装到默认目录即可，完成后打开windows命令行，输入node -v，即可查看是否安装成功以及版本

 三、安装npm

npm是nodejs的包管理工具（nodejs package manager），最新的会随着你安装Nodejs安装。（截止本文时间20211124）

输入命令行输入 npm -v或者单独npm，前者只查看安装以及版本，后者查看npm的信息（其中包括很重要的路径信息）

如果显示无效命令，把安装目录C:\Users\用户名\AppData\Roaming\npm\ （一般是这样）添加到环境变量

四、安装cnpm

cnpm是国内的npm服务器镜像，很多时候安装报错是此引起的，那么可以用此来解决安装慢、出错的一些问题，

用管理员身份打开电脑命令行，

1.通过cnpm使用淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org
2.将npm设置为淘宝镜像：

npm config set registry https://registry.npm.taobao.org
3. 查看cnpm镜像设置：

npm config get registry
4.查看cnpm镜像设置：

cnpm config get registry

五、安装脚手架工具
此步骤暂不展开，后续介绍

这篇关于Vue项目（一）：VSCode环境开发Vue程序以及其中遇到的问题的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！