标签：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 less-loader@5.0.0 -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 node-sass@6.0.1 sass-loader@7.0.3.

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。