mac系统vue开发环境搭建

安装node

node官网https://nodejs.org/en/download

在这里插入图片描述
下载mac 版本的node安装包，下载完之后双击打开安装包
在这里插入图片描述
一直点击继续即可安装完成

在这里插入图片描述
打开命令窗口，输入node -v 出现node版本即可证明安装成功

设置npm国内源

淘宝源
npm config set registry https://registry.npmmirror.com

cnpm（淘宝定制，速度快）安装

npm install -g cnpm --registry=https://registry.npmmirror.com
使用
cnpm install xxx

yarn 安装

npm install -g yarn
修改国内源
yarn config set registry https://registry.npm.taobao.org/

vue-cli安装

yarn global add @vue/cli

在这里插入图片描述
打开命令行输入vue -V 显示版本好即可证明安装成功

创建vue项目

vue create 项目名

在这里插入图片描述
选择vue3/vue2 默认模版，或者自定义模版
在这里插入图片描述
自定义模版（按空格键选中/取消选中）

  • Babel: javascript编译器
  • TypeScript：支持ts语法
  • Router: 路由导航
  • Vuex：状态管理
  • CSS Pre-processors：css预处理器
  • Linter / Formatter：代码检测工具
  • Unit Testing：单元测试工具
  • E2E Testing：端到端测试工具
    按enter 键进行下一步
    在这里插入图片描述
    选择vue版本（2/3）
    在这里插入图片描述
    选择路有模式，是否使用mode模式
    在这里插入图片描述
    选择css预处理器

在这里插入图片描述
选择代码检测配置
在这里插入图片描述
选择何时进行代码检测，此处选择在保存时进行检测, 选择 Lint on save
在这里插入图片描述
选择 Babel、PostCSS、ESLint等配置文件存放位置，此处选择In dedicated config files将文件单独保存在各自的配置文件中
在这里插入图片描述
是否把当前的这一系列选项配置保存起来，方便下一次创建项目时复用
然后就创建完成了