VUE简介及开发环境搭建

本文介绍了Vue.js的基础知识,强调其作为渐进式框架的特点。内容包括Vue.js的开发环境搭建,详细步骤涉及Node.js的安装、npm与webpack的介绍,以及Vue CLI的使用。通过示例演示如何利用Vue CLI创建基于webpack模板的web工程,并启动本地开发服务器。
摘要由CSDN通过智能技术生成

VUE简介及开发环境搭建

  1. VUE及相关
  • vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是,vue 采用自底向上增量开发的设计。vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。vue项目通常通过webpack工具来构建,而webpack命令的执行是依赖node.js的环境的,所以首先要安装node.js。node.js的官方地址为:https://nodejs.org/en/download/,下载相应版本。
  • node.js: Node.js 是一个开源与跨平台的 JavaScript 运行时环境。 它是一个可用于几乎任何项目的流行工具!它提供了npm包管理工具,npm 的简单结构有助于 Node.js 生态系统的激增,现在 npm 仓库托管了超过 1,000,000 个可以自由使用的开源库包。可以用npm下载相应的包,vue就是npm托管的一个包的实例。
  • webpack: 官网给的解释“本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个 依赖图(dependency graph),此依赖图对应映射到项目所需的每个模块,并生成一个或多个 bundle
  1. VUE开发环境搭建
    (a) 下载最新版node.js包。在https://nodejs.org/en/download/上,可以查看相应系统的最新版本,如下图
    在这里插入图片描述
    下载命令如下:
    install -dv /opt/pkg/vue
    cd /opt/pkg/vue
    tar xvf node-v14.16.1-linux-x64.tar.xz
    解压后,可以看到
bnull@bnull-virtual-machine:/opt/pkg/vue$ ls node-v14.16.1-linux-x64/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值