1. vue简要介绍vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。vue现在这么火,大家都懂。接下来让我们来认识一下她的魅力吧~
官网:https://cn.vuejs.org/下面小牛将带着大家把流程走一遍
2. 下载nodejs直接去node.js官网下载最新稳定版即可。然后安装node,一直点下一步就能安装好了。
安装完之后,我们打开cmd查看node和npm的版本。(npm包管理器,是集成在node中的)
由于在国内通过npm下载依赖包会不稳定、速度慢、国外某些资源被屏蔽的原因,所以我们还最好配置一个npm的国内镜像,本文选用了淘宝镜像(稳定好用)。
安装cnpm, 在命令行中输入
npm install -g cnpm --registry=https://registry.npm.taobao.org然后等待,没有报错就代表安装成功了~~。
3. 安装vue-cli 脚手架构建工具vue 提供了一个官方的 cli,为单页面应用 (spa) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。
cnpm install -g vue-cli可能会报的错误及解决方案:
安装完成后报错:无法加载文件 c:\\users\\yizon\\appdata\\roaming\\npm\\cnpm.ps1,因为在此系统上禁止运行脚本
解决:管理员身份运行power shell,再输入:
set-executionpolicy remotesigned
输入a,回车
4.新建vue项目输入 vue init webpack vue-personal-website看需求,选即可
5. 启动项目在cmd里,切换到当前项目中,执行下面命令
npm run dev在浏览器输入http://localhost:8080出现
基于EPF20K300EQC240-1和TMS320VC5402实现新型超声探伤系统的设计
惠威分频器和喇叭单元搭配推荐一览表
吉时利推出半导体测试软件升级版KTE 5.3
大联大诠鼎集团推出基于NOVATEK产品的安防监控解决方案
中国移动推动CHBN四大市场全向发力,持续深化价值经营
如何使用springboot+vue搭建个人网站3
鸿蒙系统2.0 带来的改变,将从物联网产业开始布局
射频识别技术漫谈(29)——射频接口芯片TRF7960
疫情催生远程办公热潮 网络安全威胁或将激增
继电维护设备的原理图
功率因数的原理和Multisim仿真
温室大棚智能化管理的意义
告诉你为什么无线充电在2014年流行
光纤激光打标机助力摄像头外壳二维码激光标识实现自动化生产
关于相机防水透声组件在喇叭MIC上的应用
清洁机器人是怎样工作的
盛世龙图EMID-EU7防盗门RFID系统
角位变送器在水泥厂中的应用
STM32处理器存储空间布局结构说明
首款元宇宙手机原来是这样