安装Vue.js

本文介绍Vue.js的基础安装步骤,包括Node.js安装验证、全局环境配置、脚手架工具搭建及项目初始化过程。Vue.js以其轻量级和高性能受到开发者喜爱。

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

  • Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层.
  • Vue.js是一个MVVM模式的框架,据说有angular经验,上手Vue炒鸡快
  • Vue.js高效,16kb min+gzip 的运行大小,超快虚拟 DOM ,最省心的优化

好了,来安装吧
1. 点击这里,下载node.js并且安装,一直下一步就好了
2. 在cmd窗口中输入node -v,出现版本号就显示装好了,以及输入npm -v显示出npm版本号的信息
3. 然后输入npm install -g cnpm –registry=http://registry.npm.taobao.org等待安装,安装完成后出现黄颜色(我们假设你没有手动改你的命令窗口的属性)等目录
4. 安装vue-cli脚手架构建工具,输入npm install -g vue-cli等待完成安装
5. 自己想切换到哪个路径下就随意,在命令行中输入vue init webpack xxx(代表的是初始化的一个项目),webpack是构建工具,也就是整个项目都是基于webpack的,初始化的时候可能会让你输入一些基本的选项,如果不想填的话你就回车直接默认好了
6. 安装依赖包的话,你就要切换到你的xxx(也即是第五步中你命令的目录中去),运行cnpm install等待安装
7. npm run dev会以热加载的方式运行我们的应用.“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。
8. 如果浏览器没有运行的话就手动localhost:8080

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值