vue-cli vue脚手架安装及配置

想了好久才取了这

已于 2022-08-05 09:24:41 修改

阅读量539

点赞数

文章标签： vue.js npm 前端

于 2022-08-04 14:23:14 首次发布

本文链接：https://blog.csdn.net/qq_39940489/article/details/126141663

版权

本文详细介绍了Vue环境的安装，包括Node.js的下载与环境变量配置，以及npm的管理和镜像设置。接着讲解了Vue CLI的卸载与安装过程，并解析了Vue项目的基本目录结构。还介绍了如何创建和运行Vue脚手架项目，强调了一切皆为组件的开发理念。最后，文章提到了在Vue项目中使用axios进行HTTP请求的方法。

摘要由CSDN通过智能技术生成

一、vue 环境安装

下载node.js
http://nodejs.cn/download/
windows系统: .msi 安装包(exe)指定安装位置 .zip（压缩包）直接解压缩指定目录
Mac os 系统: .pkg 安装包格式自动配置环境变量 .tar .gz(压缩包) 解压缩安装到指定目录
配置nodejs环境变量
windos系统：
1. 计算机右键属性 -----> 高级属性 -----> 环境变量添加如下配置：
NODE_HOME = nodejs安装目录
PATH = xxxx;%NODE_HOME%
2. macOS 系统
推荐使用.pkg 安装直接配置node 环境
验证nodejs环境是否成功
node -v
npm介绍
node package mangager nodejs包管理工具前端主流技术 npm 进行统一管理
maven 管理java后端依赖远端仓库(中心仓库) 阿里云镜像
npm 管理前端系统依赖远端仓库(中心仓库) 配置淘宝镜像
配置淘宝镜像
npm config set registry https://registry.npm.taobao.org
npm config get registry
配置npm下载依赖位置
windows：
npm config set cache “D:\nodereps\npm-cache”
npm config set prefix “D:\nodereps\npm_global”
Mac OS:
npm config set cache