Vue项目(一):VSCode环境开发Vue程序以及其中遇到的问题

2021/11/24 1:09:59

本文主要是介绍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程序以及其中遇到的问题的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程