首页 > 其他分享 >记录vue

记录vue

时间:2022-08-22 18:36:26浏览次数:62  
标签:node vue sass cnpm 记录 loader install

#查看版本
node -v
#安装 Node.js 淘宝镜像加速器(cnpm)注意源地址已经改变
npm install -g cnpm --registry=https://registry.npmmirror.com
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].

====
切换国内镜像
npm install -g mirror-config-china --registry=https://registry.npmmirror.com
npm install sass-loader node-sass -D
=======
cnpm uninstall node-sass sass-loader
cnpm install sass-loader node-sass -D

cnpm i [email protected] [email protected]

  

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

相关文章

  • vue 3 + element UI 表格添加必填星号:*
     使用vue版本:[email protected]使用element-plus版本:[email protected]引用了如下脚本:<scriptsrc="~/lib/vue/vue.global.min.js"></script><linkhref="~/lib/element......
  • vue 3 + element UI 表格分页及增删查改
    使用vue版本:[email protected]使用element-plus版本:[email protected]使用axios版本:[email protected]引用了如下脚本:<scriptsrc="~/lib/vue/vue.global.min.js"></script><li......
  • jwbasta-vue
    平台简介  jwbasta-vue是一套全部开源的快速开发java后台API平台,毫无保留给个人及企业一次性付费使用。采用前后端分离的模式,微服务版本前端基于vue开发(无前端页面)......
  • Vue3+Vite+Vant报错Uncaught SyntaxError: The requested module '/node_modules/.vit
    原因在开发过程中Vue3的依赖版本有变更,直接使用的npminstall下载新的版本,会导致node_modules下存在旧版本的缓存,从而影响了本地项目的启动编译。解决方案删除项目的......
  • CF刷题记录 8.22-8.26
    CF1329C不难发现,在最终的树中,叶子肯定是在原树的子树中最小的那个。而其他节点是原树的子树中大于两个叶子的最小的点,类似归并排序的做即可,偷懒写了个启发式合并。code......
  • vue记录
    #查看版本node-v#安装Node.js淘宝镜像加速器(cnpm)cnpminstallcnpm-g#全局安装vue-clicnpminstallvue-cli-g#查看是否安装成功webpack-v或vuelist#......
  • 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......