threelifeadv的博客

Vue项目中执行完cnpm install安装依赖包后，执行npm run dev启动时报错，报错内容：Node Sass does not yet support your current environment: Windows 64-bit With Unsupported Runtime根据提示可以当前的Node-sass和当前的环境不匹配。解决方法：1、删除node_modules文件夹内的node-sass文件夹，执行cnpm install node-sass指令重新下载n

1、直接使用class设置样式：代码：结果：2、通过v-bind绑定class设置样式：（1）使用json形式：代码：结果：（2）使用数组形式代码：结果：注意：通过第二种数组的方式，也可以通过三元表达式进行class的判断，此处不再赘述。3、通过:style设置样式代码：结果：注意：:style绑定样式是，不能使用常规的css样式，如font-size,background-color等，如果用到此类样式，需要遵循驼峰命名法，即fontSize，bac

VUE项目中引入scss样式后启动，控制台报错TypeError [ERR INVALID ARG TYPE]: The “path“ argument must be of type string。经过反复查找，发现是因为sass-loader的版本过高导致，安装了sass-loader8.0版本后，webpack解析出错。解决方法如下：1、运行如下指令卸载已安装的sass-loadercnpm uninstall sass-loader2、指定sass-loader版本重新安装c

npm和yarn的区别：1、速度区别npm 按照队列执行每个 package，也就是说必须要等到当前 package 安装完成之后，才能继续后面的安装；Yarn 同步执行所有任务，提高了性能。2、安装版本区别Yarn 默认会生成这样的锁定文件npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。npm5.0之后新增了类似yarn.lock的 package-lock.json

vue项目中安装ElementUI后，通过npm install或cnpm install启动时，控制台报错'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序，通过baidu后发现这是webpack的新版本的BUG，这里提供两种解决方案，可以尝试解决：1、卸载新版本，安装老版本npm remove webpack-dev-servernpm install webpack-dev-server@2.9.1npm run dev2、到项目的文件夹内，删除no..

本文为博主多次测试后所写，按照顺序基本不会出错，希望可以帮到所有看到本文的朋友。此外，因博主刚使用vue不久，如果有表述错误之处，请不吝指正。新项目的前端开始采用VUE框架，以前零零碎碎学习了一段时间，但是一直没有真正用在实际项目上，此次正式使用，感觉还是挺不习惯，但有的地方数据驱动确实比直接操作DOM感觉要方便不少，后面一阵子要多花一些时间好好学习学习了。前端使用VUE进行开发，通过两种方式可以进行：1、html页面中直接通过script标签引入vue.js进行开发；2、通过vue脚手架搭

在Visual Studio Code中通过vue指令使用脚手架安装项目时，在Terminal中输入vue init webpack vue_project，终端报错:'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。解决方案：1、确定npm是否已正确安装，在cmd中输入如下指令：npm -v当显示版本号时说明npm已成功安装。2、进入node.js的安装目录中查看一级目录下是否存在vue.cmd指令；楼主电脑已经安装了vue，所以能看到，如果看不到该指令