启动Vue项目

本文详细介绍了如何从零开始搭建Vue项目,包括安装node.js、cnpm,使用vue-cli创建项目,安装依赖,以及启动项目的完整步骤。通过遵循这些步骤,开发者可以在本地成功运行Vue应用,并在浏览器中查看localhost:8080预览结果。

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

1、安装node.js

傻瓜式安装,安装完成后,

  1. cmd输入node -v回车,出现对应版本号;
  2. 继续输入npm -v回车,出现npm版本信息。
    以上两步骤都成功的话,说明node环境已经安装完成,npm包管理器也有了。

2、安装cnpm

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待。

3、安装vue-cli脚手架构建工具

命令行中输入cnpm install -g vue-cli ,然后等待。

4、用vue-cli构建项目

5、安装项目所需的依赖

命令行中cd到项目文件夹,运行命令npm/cnpm install,然后等待;

6、运行项目

项目命令中,运行命令npm run dev。

这里简单介绍下 npm run dev 命令,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。(别人的话)
项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。运行成功后,会看到如下所示的界面。(别人的话)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值