mac 安装vue

参考教程：https://blog.csdn.net/weixin_45647685/article/details/123557666?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167158794816782427476216%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=167158794816782427476216&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_alltop_positive~default-1-123557666-null-null.142^v68pc_rank_34_queryrelevant25,201^v4add_ask,213^v2t3_esquery_v2&utm_term=vue-cli&spm=1018.2226.3001.4187
vscode配置：https://zhuanlan.zhihu.com/p/113222681
1、确保你安装了最新版本的 Node.js，然后在命令行中运行以下命令
npm init vue@latest
2、这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示：

image.png
如果不确定是否要开启某个功能，你可以直接按下回车键选择 No。在项目被创建后，通过以下步骤安装依赖并启动开发服务器：
你现在应该已经运行起来了你的第一个 Vue 项目！请注意，生成的项目中的示例组件使用的是组合式 API 和 <script setup>，而非选项式 API。下面是一些补充提示：
1、首先系统需要全局安装Vue脚手架

• 推荐的 IDE 配置是 Visual Studio Code + Volar 扩展。如果使用其他编辑器，参考 IDE 支持章节。
  sudo npm install -g @vue/cli 加sudo这样才可以访问文件
  image.png
  2、创建Vue脚手架工程：进入你想创建vue脚手架的目录，然后输入命令
  sudo vue create xxx项目名
  3、如图命令所示 我们进入myvue工程所在文件夹，执行命令：

sudo npm run serve
然后浏览器访问http://localhost:8080/
http://192.168.3.47:8081/
苹果电脑要注意：
1、如果显示无法写入文件，就需要打开文件夹的显示简介，然后开启所有权限为读写。1.在项目文件夹右键-显示简介-点击右下角解锁 2.权限全部设置为读与写 3.最关键一步:点击"应用到包含的项目",这样就会把读与写权限应用到项目下的所有文件,然后就OK了

image.png
2、苹果电脑在执行语句是最好都加上sudo，这样权限更高一点
3、Error-EPERM: operation not permitted, uv_cwd
直接重启终端即可