一:需要安装的工具

  1. node

  1. npm

  1. vue

二、Node和npm安装

  1. 进入node官网 Node.js 注意:(Vue CLI 4.x 需要 v8.9 或更高版本 (推荐 v10 以上))

  1. 下载长期维护版本,根据自己需求选择对应版本号,下载后,按照提示安装即可

  1. 安装成功后,依然是输入:

node -v
npm -v

安装成功图片如下:

三、Vue安装(官网)

  1. 使用以下命令行安装:

npm install -g @vue/cli
  1. 查看是否安装成功,使用以下命令行:

vue --version

安装成功如下图:

四、注意:

安装Vue如果报:EACCES:权限被拒绝可以参考我另外一篇文章

Mac Vue脚手架搭建相关推荐

  1. vue脚手架搭建项目_复习之vue脚手架搭建项目的两种方法

    安装脚手架 node 版本要求: > 8.9 . 关于旧版本:如果在这之前已经全局安装了旧版本的vue-cli(1.x 或 2.x),那么需要先卸载掉. 卸载旧版本运行:``npm uninst ...

  2. Vue 脚手架搭建目录及文件详解

    vue脚手架搭建在各大前端网站都有详解,这里就不多作介绍,此文章主要介绍脚手架搭建后的目录结构,以及配置文件的详解. 1. 目录结构 目录结构如下: 我们来介绍一下这些目录: 一级目录 build: ...

  3. 前端开发人员必学的VUE脚手架搭建

    提示:vue脚手架的作用是用来自动一键生成vue+webpack的项目模版,包括依赖库,免去你手动安装各种插件,寻找各种cdn并一个个引入的麻烦. 文章目录 一.cmd命令操作符如何打开? 1.win ...

  4. Vue脚手架搭建项目

    全局安装vue脚手架 $ npm install -g vue-cli 卸载方法 $ npm uninstall -g vue-cli 查看vue版本(注意:大写的V) $ vue -V 创建项目 $ ...

  5. vue脚手架搭建项目的兼容性配置

    使用vue-cli搭建项目,面临着解决ie兼容性问题(ie9+),因为ie浏览器并不支持es6语法等. 首先安装babel-polyfill,解决ie不支持promise对象的问题 npm insta ...

  6. Vue脚手架搭建与一些简单小指令

    如果Vue是一条大路,我就是一辆汽车,我跑啊跑,我多快乐! 如果Vue是一条大河,我就是一条小鱼,我游啊游,我多快乐! 如果Vue是一棵大树,我就是一片落叶,我飘啊飘,我多快乐! Vue是前端开发中很 ...

  7. Vue脚手架搭建及vue项目创建【详细教程】

    目录 Vue脚手架 环境安装 Vue项目创建 Vue项目目录结构 项目运行流程 组件结构 Vue脚手架 Vue脚手架指的是vue-cli,它是一个快速构建**单页面应用程序(SPA)**环境配置的工具 ...

  8. vue脚手架搭建配置试调地址和端口号_全栈的自我修养: 002使用@vue/cli进行vue环境搭建 (使用Vue,SpringBoot,Flask完成前后端分离)...

    全栈的自我修养: 使用@vue/cli进行vue.js环境搭建 Success, real success, is being willing to do the things that other ...

  9. 基于新版 node 的 vue 脚手架搭建

    1. node 安装版本 9+ 2. 命令行 创建方式   vue create project 3. 可视化 创建方式  vue ui 4. 扩展 goole 下 vue 调试工具安装 git 资源 ...

最新文章

  1. 人类间谍快“混”不下去了,CIA 打算用 AI 替代他们
  2. mysql修改engine_mysql下修改engine引擎的方法
  3. 斯坦福李纪为博士毕业论文:让机器像人一样交流
  4. linux 改变当前目录,Linux下使用Shell脚本改变当前工作路径
  5. jQuery视频和图片轮播js特效
  6. getMonth()方法
  7. 玩转Linux与运维岗(23)
  8. 【一键检测】高效检测PCB,一键估价下单
  9. 抽象类(abstract class)和接口(interface)
  10. 20单元——学习正解表达式及学习实践 Shell script
  11. Can/CANFD设置脚本
  12. 信息化对就业的影响与应对
  13. 《学习OpenCV3》第3章 了解OpenCV的数据类型
  14. 计算机专业口号 十六个字,计算机学院标语口号,16字计算机与信息学院运动会口号...
  15. 数据仓库ETL工具箱——清洗和规范化(一)
  16. fmc接口定义_FMC接口介绍
  17. 互动出版网,劲爆六月拳王疯抢
  18. PMP-34项目资源管理
  19. oracle导入命令,记录一下 数据库日志太大,清理日志文件
  20. GAN肖像线条画生成 | 清华开源

热门文章

  1. cache.get方法的两个参数:key,Callable对象
  2. Linux 查看目录和文件
  3. 【Usaco2009 gold 】过路费
  4. 简单实现图形验证接口-去水纹,超清晰
  5. Outlook 2007中的翻译功能
  6. 【XCP学习】CCP/XCP标定协议解析
  7. webpack引入jquery以及插件的方法(如ztree)
  8. [课业] | 软件安全 | 使用渗透性工具Metasploit进行漏洞测试
  9. 【VBA编程】excel表格中特定文字加上下划线
  10. 面试题① - java 反射机制