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,即可查看是否安装成功以及版本

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

 

 三、安装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

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

 

上一篇:【无标题】


下一篇:安装cnpm