首页 > 其他分享 >vue记录

vue记录

时间:2022-08-22 17:33:28浏览次数:68  
标签:node vue sass cnpm 记录 loader install

#查看版本
node -v
#安装 Node.js 淘宝镜像加速器(cnpm)
cnpm install cnpm -g
#全局安装 vue-cli
cnpm install vue-cli -g
#查看是否安装成功
webpack -v
或
vue list
# 这里的 myvue 是项目名称,可以根据自己的需求起名
vue init webpack myvue
#初始化运行
cd myvue
cnpm install
cnpm run dev
#安装并运行成功后在浏览器输入:http://localhost:8080

# 进入工程目录
cd myvue
# 安装 vue-router
cnpm install vue-router --save-dev
# 安装 element-ui
cnpm i element-ui -S
# 安装 SASS 加载器
cnpm install sass-loader node-sass --save-dev
#vue-router 用来页面跳转或者说是组件跳转;elemenet-ui 即 ui 样式库;sass-loader 是 webpack 的一个loader;node-sass 把 sass编译成css。


# 安装依赖
cnpm install
# 启动项目
cnpm run dev


===========
查看本地nodejs的版本号和node-sass的版本号

node -v ---查看nodejs的版本号以及查看其是否安装  Node16   16.14.2
node-sass -v ---查看node-sass的版本号以及查看其是否安装  6.0+

1.报错原因 less 本版太高需要降低版本,执行代码
先移除之前版本:
npm uninstall less-loader
下载指定版本:
npm install [email protected] -D
============暴力解决=======
cnpm install node-sass sass-loader --save
或
cnpm install node-sass sass-loader --save-dev
===========
node 16.14.2

cnpm uninstall node-sass sass-loader
cnpm i [email protected] [email protected].

  

标签:node,vue,sass,cnpm,记录,loader,install
From: https://www.cnblogs.com/xiongwei/p/16613574.html

相关文章

  • vue 无限滚动插件
    在线演示:https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-otherscnpminstallvue-seamless-scroll--save引入importvueSeamless......
  • Vue新建项目
    输入项目名teset2  自定义安装  选择所需要的包  选择vue版本  选择路由类型,是否选用历史路由(默认hash路由 选择scss  选择标准版eslint ......
  • vue动态添加class 三个以上的条件做判断(转)
    原文:https://blog.csdn.net/Akatsuki233/article/details/100653049:class="{'redRoom':Number(items.status)===1,'greenRoom1':Number(items.status)===2,green......
  • vue父传子属性命名和封装组件命名问题(巨坑)
    在vue的中文官网有这样的说明:HTML中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用DOM中的模板时,camelCase(驼峰命名法)的pr......
  • Vue中bus传值的理解
      说起bus你会想到什么?公交车?总线?在Vue中,对于任意两个组件之间的传值,就可以使用事件总线—bus。简单描述  在任意两个组件传值中,可以创建一个bus类负责事件派发、监听......
  • Vue 组件通信之 Bus
    bus详细描述:vue中非父子组件之间通信除了使用vuex,也可以通过bus总线,两者适用场景不同。bus适合小项目、数据被更少组件使用的项目,对于中大型项目数据在很多组件之间使用......
  • # 【博学谷学习记录】超强总结,用心分享 | RabbitMQ消息的可靠性
    消息队列在使用过程中,如何确保RabbitMQ消息的可靠性,如何确保发送的消息至少被消费一次?1.生产者消息确认RabbitMQ提供了publisherconfirm机制来避免消息发送到MQ过程中......
  • vue.ps1 报错
    XXX_fei这个根据自己电脑情况而定vue:无法加载文件C:\Users\XXX_fei\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本,这样的问题,需要使用管理员权限打开,然后......
  • 并发学习记录07:ReentrantLock
    特点相比于synchronized,ReentrantLock具有可中断,可以设置超时时间,可以设置为公平锁,支持多个条件变量的特点,它和synchronized一样,都支持可重入基本语法//获取锁reentra......
  • 自己de搭建博客记录
    自己de搭建博客记录因为奇奇怪怪的原因所以开始学着自己搭建一个博客了但是估计搭好了也不会常更新,连博客园都咕了一个月了先水水免得自己忘记了,要学的还有挺多突然发......