首页 > 其他分享 >vue的从0到1搭建 p3

vue的从0到1搭建 p3

时间:2023-03-20 17:59:04浏览次数:54  
标签:p3 vue less 渲染 参考 文档 https 报错 搭建

参考文档:https://blog.csdn.net/bai_shuang/article/details/122984811
参考文档:https://blog.csdn.net/weixin_55662333/article/details/120758583

4、使用less依赖
1)安装less依赖:npm install less less-loader --save
如果遇到报错,显示的是版本号,可能是脚手架版本的问题,需要下载低版本的less依赖包
参考文档:https://blog.csdn.net/weixin_55662333/article/details/120758583

 

 

 输入命令行:npm install [email protected]
显示成功(未报错)
输入命令行:npm install less less-loader --save

效果:成功之后可以在package.json的dependence中看到

 

在写入引用之后渲染不出来,因为参考文档里面的步骤只有写less,但是没有写要引用所以这里补充一下如果渲染不出来的话可以参考这里,其次,这里的link渲染因为超链接点击之后会变成紫色所以看不到渲染的结果,
在所有准备工作做好之后,没有报错,我选择把30的px改成100,加了个标签的颜色,渲染成功!

 

参考文档:https://www.jianshu.com/p/c7d260eb02a9

 

 

效果:

 

 

标签:p3,vue,less,渲染,参考,文档,https,报错,搭建
From: https://www.cnblogs.com/tityaaaa/p/17236720.html

相关文章

  • Vue.js TodoList案例pubsub
    视频MyItem.vueApp.vue修改componentsMyFooter.vue<template> <divclass="todo-footer"v-show="total"> <label> <!--<inputtype="checkbox":checked="i......
  • Vue 项目打包 部署 运行
    Vue项目打包部署运行 1、安装vuenpminstallvue 查看vue版本vue-V 2、安装cnpmnpminstall-gcnpm-registry=https://registry.npm.taobao.o......
  • 搭建自己的网络商城
    一、技术栈核心框架:springboot2、springcloud、springcloudalibaba配置中心:nacos注册中心:nacos负载均衡:SpringCloudLoadbalancer服务调用:openfeign服务容错:......
  • Vue.js 消息订阅与发布
    视频npmipubsub-js该技术在vue中被事件总线完全替代componentsSchool.vue<template> <divclass="school"> <h2>学校名称:{{name}}</h2> <h2>学校地址:{{add......
  • vue的从0到1搭建 p2
    2、父子组件1)在components目录下新建sub文件夹,用于存放一下可以复用的子组件。比如新建一个Confirm.vue组件  (2)在父组件中引入子组件引入:importConfirmfro......
  • Java敏捷开发框架 高效搭建数据报表
    随着数字化转型在企业中不断深入推动,对企业的财务领域的转型也带来巨大的冲击。外部市场环境的快速变化,使企业经营者的决策时间从原来的几年和几个月缩短到几周甚至几天,组......
  • 使用npm发布vue插件或组件库
    1.先行再npm官网注册一个自己的npm账号;https://www.npmjs.com/2.准备插件或组件库:1)新建一个文件夹package作为写组件的地方2)package文件夹内使用npminit命令初始化包,获......
  • vue3 简单入门总结
    (vite+vue3)基础1.基础语法和传值问题//传值definePropsdefineEmits//父组件<template><div><Child:msg="userInfo.info"@change="change"/></Child><......
  • 江西互联网医院开发|智慧医院系统|线上问诊平台搭建
     江西互联网医院开发|智慧医院系统|线上问诊平台搭建|南昌市|赣州市|宜春市|吉安市|上饶市|抚州市|九江市|景德镇市|萍乡市|新余市|鹰潭 互联网医院最近发展的非常迅......
  • vue、react 技术栈和生态
     vue技术栈和生态Vue是一个流行的JavaScript前端框架,它具有易学易用、高效灵活等特点。Vue技术栈包括以下内容:Vue:Vue框架本身,提供了组件化、响应式等核心特性......