如何安装vue环境

本文详细介绍了如何从零开始搭建一个Vue.js项目。首先,你需要下载并安装Node.js,然后设置npm的缓存和全局模块路径。接着,通过安装cnpm(淘宝镜像)加速后续的包管理。安装Vue.js及其命令行工具vue-cli后,可以使用vue-cli创建新项目,并下载项目依赖。最后,通过运行`npm run dev`启动项目,`npm run build`进行项目编译。这是一个完整的前端开发流程指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.安装node.js

下载地址:https://nodejs.org/en/

检查是否安装成功

(查看node版本号)node -v

在这里插入图片描述

(查看npm版本号)npm -v

在这里插入图片描述
2.设置缓存文件夹路径

npm config set cache "node安装路径\node_cache"

3.设置全局模块存放路径(方便vue-cli,cnpm等包的管理)

npm config set prefix "node安装路径"

4.查看npm的配置指令

npm config ls

5.基于 Node.js 安装cnpm(淘宝镜像)

npm install -g cnpm --registry=https://registry.npm.taobao.org

6.安装vue

cnpm install vue -g

7.安装vue命令行工具,即vue-cli 脚手架

cnpm install vue-cli -g

8.使用vue新建一个vue项目

vue init webpack  ”项目名称“

9.下载依赖

cnpm install

10启动vue项目

cnpm run dev

11.编译vue项目

npm run build
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值