Vue快速搭建

本文介绍了Vue项目的搭建流程。首先安装node,检测其与npm是否安装成功,并配置npm淘宝镜像。接着安装vue-cli,创建项目目录并初始化项目,按需选择是否安装vue-router、js语法检测、单元测试工具和端到端测试工具。最后下载依赖包并运行项目。

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

一、node安装

1、首先安装node

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

目前新版本的 node都内置 npm,所以npm无需在单独安装。

 

2、检测node是否运行成功

打开 命令行 运行 node -v, 如果node安装并运行成功会 显示 node版本号。

 

3查看npm是否安装成功

npm -v

 

二、配置npm淘宝镜像

由于npm服务器在国外,下载node包会比较慢,所以我们配置使用淘宝镜像。

执行

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

以后可以用 cnpm 代替 npm。

 

三、vue-cli安装

1、安装vue-cli

npm install vue-cli -g

 

2、创建项目所在目录

 

3、进入目录,初始化项目 vue init webpack vue-demo

可以一路回车,直到 询问是否要安装 vue-router 项目中肯定要使用到 所以 y 回车

 

4、是否需要 js 语法检测 目前我们不需要 所以 n 回车

 

5、是否安装 单元测试工具 目前我们不需要 所以 n 回车

 

6、是否需要 端到端测试工具 目前我们不需要 所以 n 回车

 

7、到此为止一个Vue项目被我们创建成功,我们进入vue-demo目录

 

8、执行 npm install,对依赖包进行下载。

 

9、npm run dev 运行我们的Vue项目。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值