vue前端环境搭建、项目引入说明

一、环境搭建

1、node.js:下载地址 https://nodejs.org/en/download/
	安装完后,可验证是否正确。
	验证命令:node -v 
	如下图,即为安装成功

在这里插入图片描述

2、Visual Studio Code(VS code):下载地址 https://code.visualstudio.com/

二、导入并启动项目

1、下图软件为Visual Studio Code,简称VS code
开始页面中,选择“open folder…”,根据自己的项目所在路径,选择项目。
或者,点击上方菜单“File”->“Open”,选择项目。
在这里插入图片描述

2、打开操作命令菜单TERMINAL

Mac快捷键:control + \`
Windows快捷键:ctrl + \`
或者点击上方菜单"View"->"Terminal"

在这里插入图片描述

3、有了命令窗口,我们可以愉快地敲命令了。

首先我们再检查下node有没有安装好,敲:node -v
如果如下图,就是安装成功。
如果显示node没有安装成功,还需要再去检查下node。

在这里插入图片描述

接下来,我们需要利用node,下载所需要的构建包,敲:npm install
此时就会自动下载所需的包,请等待。

在这里插入图片描述

接下来我们启动项目,敲:npm run dev
如果如下图,就是启动成功了,访问下方地址,即可看到页面。
如果启动时报错,请重试命令:	"npm install"	或者	"npm i"	或者	"cnpm install"	或者	"cnpm i"
如果项目中包含其他外部组件需要引入,根据报错执行对应命令,类似:npm install  //组件名称
如果无法识别cnpm 命令,需单独安装 cnpm,安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述

三、访问项目

根据上方截图显示,浏览器中敲入:http://localhost:9999 回车
或者按ctrl,并单击链接,浏览器会自动打开网址


以上,就是vue项目相关的部署步骤,您的关注是坚持写作最大的动力,谢谢

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Happy王子乐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值