怎么运行vue.js?

怎么运行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的版本信息。

1.png

到目前为止,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 +鼠标右键 打开

2.png

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

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

3.png

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

4.png

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

5.png

更多web前端知识,请查阅 HTML中文网 !!

以上就是怎么运行vue.js?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Vue.js 答疑

评论 抢沙发

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

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏