webstorm

一、项目配置

1.使用git clone将项目克隆到本地

2.确保安装Node.js

点击File——Settings——Languages&Frameworks——Node.js

3.如果项目由package.json，右键点击，选择Run npm install

4.检查package.json中的scripts部分，常见命令如下：使用Terminal，输入对应命令

"scripts": {
  "dev": "webpack serve",       // 开发模式（热更新）
  "start": "npm run dev",      // 通常等同于 dev
  "build": "webpack",          // 生产环境打包
  "serve": "vue-cli-service serve"  // Vue CLI 项目
}

二、报错

1.

npm ERR! code EPERM
'''
权限问题或文件被占用导致
以管理员身份运行终端/WebStorm
1.关闭 WebStorm 和所有可能占用文件的程序（如 VS Code、文件管理器等）。
2.右键点击 WebStorm 或终端（如 CMD/PowerShell），选择 “以管理员身份运行”。
3.再次尝试运行 npm install。
'''
npm cache clean --force #清除npm缓存

2.node-sass模块安装失败

'''
替换node-sass为sass
'''

# 卸载node-sass
npm uninstall node-sass

# 安装sass
npm install sass --save-dev

3./deep/

/* 使用 ::v-deep（Vue 2 推荐） */
::v-deep .el-divider {
  background-color: transparent;
  position: relative;
}

/* 使用 :deep()（Vue 3 推荐） */
:deep(.el-divider) {
  background-color: transparent;
  position: relative;
}