美文网首页
Vue + VS Code安装问题(Mac版)

Vue + VS Code安装问题(Mac版)

作者: wenju | 来源:发表于2021-10-12 17:15 被阅读0次

vue官方网站

https://cn.vuejs.org/v2/guide/installation.html

VS Code官网vue篇

https://code.visualstudio.com/docs/nodejs/vuejs-tutorial

具体步骤

1.下载VS Code

2.检查是否安装了 Node.js 和 npm,输入node --version和npm --version查看。

Node.js安装地址包含npm:https://nodejs.org/en/download/

3.安装vue ,命令如下

npm install vue

4.安装vue cli 后期会用到,命令如下

npm install -g @vue/cli

5.创建项目

vue create my-app

6.运行项目,ctrl + c可停止运行(Vs Code中cd 到项目路径可通过code .打开项目)

cd my-app
npm run serve

遇到的问题

1.bash: vue: command not found

命令行:open -e .bash_profile
配置环境变量,export PATH=${PATH}:/usr/local/bin/vue添加保存即可,注意:路径可能不一样

2.Error: EACCES: permission denied, access '/usr/local/lib/node_modules

在命令前加上sudo 输入开机密码即可

相关文章

  • Vue + VS Code安装问题(Mac版)

    vue官方网站 https://cn.vuejs.org/v2/guide/installation.html[h...

  • Vue笔记

    Vue笔记 一:环境配置开发工具使用VS Code,Window使用nvm安装管理node版本。VS Code安装...

  • 微软代码编辑器Visual Studio Code Mac免费版

    Visual Studio Code for Mac破解版 (简称 VS Code / VSC) 是一款免费开源的...

  • VS Code 与 MacTex

    配置vs code用于Mac下latex的编写。 首先要安装好MacTex和VS Code,不多说。 下面的步骤是...

  • Flutter环境搭建

    Mac (VS Code) 1.下载flutter SDK(推荐下载stable版) https://flutte...

  • Vue3 Vant UI

    前段架构学习 前端架构 VS CODE Node 14.1.0 Vue 3 Vant UI 安装NVM并配置 安装...

  • vscode配置go环境

    mac安装go环境 Go开发:Mac上安装Go环境和VS Code 插件安装 添加环境变量 添加插件目录: 打开v...

  • VS code 快捷键

    windows VS code : settings.json mac VS code: keymap.json ...

  • 搭建VUE环境

    一、安装node.js 二、安装vs code编码工具 三、将vs code安装中文简体 四、vs code打开工...

  • vue 基础指令以及过滤器

    === 浏览器插件 VS Code插件 玩转Vs code 为什么学习Vue 什么是MVVM Vue初体验 Vue...

网友评论

      本文标题:Vue + VS Code安装问题(Mac版)

      本文链接:https://www.haomeiwen.com/subject/yrxjoltx.html