• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

怎么运行vue.js?

vue 搞代码 4年前 (2021-12-26) 42次浏览 已收录 0个评论

怎么运行vue.js?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

简介:

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.

首先,先列出我们接下来需要的东西:

  • node.js环境(npm包管理器)

  • vs code安装

  • cnpm npm的淘宝镜像

1) 安装node.js

从node.js官网下载并安装node,安装过程很简单,一直点下一步就ok了,安装完之后,我们通过打开命令行工具(win+R),输入 node -v 命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。

npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息。

到目前为止,node的环境已经安装完成,npm 包管理器也有了,由于有些npm资源被屏蔽或者是国外资源的原因,经常会导致npm安装依赖包的时候失败,所以我们还需要npm的国内镜像—-cnpm.

2) 安装cnpm

在命令行中输入 npm install -g cnpm –registry=http://registry.npm.taobao.org ,然后等待,没报错表示安装成功,(我的已经安装过了,显示更新成功的信息)。 安装一遍可能安装不成功,那就关闭cmd ,在安装cnpm一遍。

完成之后,我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的,查看淘宝npm镜像官网。

3) 在安装 vs code ,直接从官网上下载就ok

4) 用vs code 打开你要运行的vue 文件夹。 在终端上 先安装 前端依赖(cnpm install) 。也可以直接在文件夹中安装。

shift +鼠标右键 打开

使用命令 cnpm i (这个前提是安装好了淘宝镜像,才能使用)

3) 或4) 的操作都可以。就会在文件夹中出现

才能在vs code 终端中 输入 npm run dev 运行

出现了这些,就说明运行成功了。就可以 运行vue , 页面上就显示你终端出现的url

更多web前端知识,请查阅 搞代码网 !!

以上就是怎么运行vu来源gao@dai!ma.com搞$代^码网e.js?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:怎么运行vue.js?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址