关于Vue项目的一些坑

环境配置

  • 安装环境或脚手架时使用管理员身份,Mac切换命令为sudo su -

创建项目

创建Vue-webpack项目

  • 进入相应的目录
    vue init webpack projectName
  • 创建项目时添加路由自动添加npm
  • 创建项目后首先要使用sudo chmod -R 777 项目文件夹修改文件权限

创建Vue项目

  • 进入相应的目录
    vue create projectName

安装依赖

  • 安装新依赖前一定要先备份项目

  • 安装依赖尽量使用 vue ui

  • 安装依赖报错不要尝试修复,更不要强制修复,一般这只会导致项目彻底出错

  • 安装vuex命令为npm install --save vuex;

  • 不要轻易尝试使用sass,安装依赖即易出错且不可修复,且最新版Node Sasssass-loader往往不兼容,非要安装可尝试锁定版本,sass-loader的7.3.1和Node Sass的4.14.1这两个版本一起安装可能不存在问题。
    ⚠️注意:未测试
    npm install sass-loader@7.3.1 --save-dev
    npm install node-sass@4.14.1

    npm install sass-loader@7.3.1 node-sass@4.14.1 --save-de

运行依赖

  • element-ui
  • axios
  • vuex

开发依赖


关于npm的一些常用命令

  • 清除缓存 npm cache clean --force
  • 更新npm npm install -g npm
  • 查看版本号(也用于测试是否安装成功) npm -v
赞赏