vue-cli+webpack构建vue项目和使用sass报错填坑 一、安装vue-cli1、首先需要安装node和npm 不做过多讲解，可以参考 nodeJS、npm的安装和配置-kellyPan-博客园 安装2、使用npm安装npm-cli 打开要建项目所在的文件夹，点击空白处按住 shift+鼠标右键，打开Powershell窗口进行接下来的操作 因为在指定文件夹打开，因此不用再选择路径，可直接输入命令， 输入命令安装npm-cli：npminstall--globalvue-cli 二、生成项目
模板
个人简介word模板免费下载关于员工迟到处罚通告模板康奈尔office模板下载康奈尔 笔记本 模板 下载软件方案模板免费下载
1、vueinitwebpackvuedemo 其中webpack是模板名称，因为是需要webpack的打包功能； vuedemo是项目名称；2、构建过程： Projectdescription:项目描述 Author:作者 Vuebuild：打包方式（建议选择第二个） installvue-loader Use ESLintTOlintyourcode?是否使用ESL代码检测 PickanESLintpreset? standard SetupunittetswithKara+mocha? 是否安装单元测试 Setupe2etestswithNightwatc? 是否安装e2e测试 3、cdvuedemo 进入到项目当中4、安装依赖库： npminstall 5、启动项目： npmrundev 到这里操作无误的话是可以正常启动，之后就是踩坑：：：：）三、使用sass/scss工具，安装依赖1、安装依赖 如果是 常规 的，执行 npminstallstyle-loadercss-loaderstyle-loader--save-dev 安装依赖就行。 如果是 less 的，执行 npminstalllessless-loader--save-dev 安装依赖就行。 如果是 sass 的，执行 npminstallsasssass-loader--save-dev 安装依赖就行。 如果都用，可以全部安装，但是在安装sass要注意版本问题！！！！！！ 因为sass版本过高，会报错：（this.getResolveisnotafunction） 2、解决方法：npminstallsasssass-loader@6.0.6 可以在安装时加上@符号选定版本 但是运行项目后发现，还会报错：3、此时，可以根据提示安装依赖： npminstallnode-sass四、安装后启动项目，问题解 -全文完-
浙公网安备 33021202002483