webstorm 安装:
1. .env file 插件
2. eslint 插件
注意: 1. node和vue项目的版本问题,clone的项目不能成功npm install或者 启动一般都是nodejs 版本问题;vue cli > 4.x 应该使用15系列的nodejs版本
新建一个空工程, 添加package.json 开始进行模块开发, 报如下错:
`To load an ES module, set "type": "module" in the package.json or use the .mjs extension.`
提示: 如果使用import 语法导入模块, 那么需要在package.json 添加 "type": "module", 否则就是使用require导入
以下代码 `~@/styles/mixin.scss` 中出现红色波浪线的解决办法:
<style lang="scss" scoped>
@import "~@/styles/mixin.scss";
@import "~@/styles/variables.scss";
</style>
链接: https://juejin.cn/post/6844903802185891848
具体解决办法:
1. 首先打开webstorm中file->setting,之后找到language&frameworks-->javascript-->webpack 选项
2. 之后点开找到项目目录\node_modules\@vue\cli-service\webpack.config.js 后点应用即可