MAC.同时安装vue2和vue3

公司项目是vue2.但是想学习vue3

  1. 新建一个文件夹夹 VUE3
    文件夹下输入
npm install @vue/cli
(*不可以带g。*)

成功后会多两个文件:
MAC.同时安装vue2和vue3_第1张图片

  1. 当前安装vue3文件夹下。shift cmmand 。 显示隐藏文件
    MAC.同时安装vue2和vue3_第2张图片

    /node-moudles/.bin/vue,把vue改成vue3。
    MAC.同时安装vue2和vue3_第3张图片

    • 终端输入:cd ~(建议使用iTerm2终端)
    • 终端输入 :open -e .bash_profile (可编辑) open .bash_profile(只查看)
    • 添加上export PATH= P A T H : [ 你 的 . b i n 文 件 夹 路 径 ] , 例 如 : e x p o r t P A T H = PATH:[你的.bin文件夹路径], 例如:export PATH= PATH:[.bin]exportPATH=PATH:/Users/dfzx/Desktop/vue3/node_modules/.bin。
    • 然后保存,关闭编辑弹窗。
    • 更新刚配置的环境变量
      输入:source .bash_profile
    • 查看是否成功
      输入:echo $PATH
      MAC.同时安装vue2和vue3_第4张图片
  2. VUE3目录下查看是否安装成功
    vue3 -V
    在这里插入图片描述

  3. 然后就可以使用啦
    MAC.同时安装vue2和vue3_第5张图片

验证。其他文件夹。依然是vue2
MAC.同时安装vue2和vue3_第6张图片

你可能感兴趣的:(Vue,macos,前端,vue.js)