mac搭建vue项目看这篇

打开shift——鼠标右键，就可以打开Windows PowerShell

1.安装vue/cli
npm install -g @vue/cli@3.12.0 @后面是版本号

2.安装完成后查看 使用过 vue -V 查看vue/cli版本号
（如果查看找不到版本，使用命令行创建项目vue create my-demo也无效，那就需要用管理员方式打开Windows PowerShell，详见步骤3）
（在用脚手架搭建vue项目时，提示：无法加载文件C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本
这是你笔记本禁止运行脚本，解决办法件步骤3）

正常情况下查看版本号：

脚手架创建项目失败：（使用步骤3解决此问题）

3.使用管理员权限打开

输入set-ExecutionPolicy RemoteSigned
然后选择 Y 回车

然后在查看vue -V版本号就正常了，也可以直接脚手架创建项目了。

4.脚手架详细搭建vue项目：按空格或↑↓进行选择，按回车进行下一步
4.1选择淘宝源

4.2建议选择手动配置脚手架（可以选择是否配置eslint，使用何种css预编译语言等）

4.3选择项目的功能

4.4选择路由的风格

4.5选择css预处理语言

4.6选择代码规范（4.3如果选择了语言风格校验 这里会选择配置eslint校验(建议选无分号规范) ）

4.7选择校验规则（4.3如果选择了语言风格校验 这里会选择配置eslint校验规则 都选择 ）

4.8配置文件的生成方式

4.9保存上面的功能配置（保存后以后可以直接选择这个配置用来创建项目）

4.10给预设起名字

4.11选择何种依赖创建出vue项目（yarn比npm更快 没安装需要使用 npm install -g yarn 安装，如果安装失败，也是像上面执行步骤3，以管理员方式运行即可）

4.12进入项目并启动项目
yarn serve 启动项目
yarn build 生成上线的dist目录
yarn lint 代码格式校验

4.13查看项目

4.14脚手架项目创建好后项目目录中是没有vue.config.js文件的，此时需要我们在项目的根目录下手动创建vue.config.js
这是我自己配置的vue.config.js