安装VUM

前面学习了普通组件以后,接下来我们继续学习单文件组件则需要提前先安装准备一些组件开发工具。否则无法使用和学习单文件组件。

一般情况下,单文件组件,我们运行在 自动化工具vue-CLI中,可以帮我们编译单文件组件。所以我们需要在系统中先搭建vue-CLI工具,

Vue CLI 需要 Node.js8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm或 nvm-windows在同一台电脑中管理多个 Node 版本。

nvm工具的下载和安装教程参考:

常用的nvm命令

nvm list # 列出目前在nvm里面安装的所有node版本nvm install node版本号 # 安装指定版本的node.jsnvm uninstall node版本号 # 卸载指定版本的node.jsnvm use node版本号 # 切换当前使用的node.js版本

如果使用nvm工具,则直接可以不用自己手动下载,如果使用nvm下载安装 node的npm比较慢的时候,可以修改nvm的配置文件(在安装根目录下)

# settings.txt

root: C:\tool\nvm [这里的目录地址是安装nvm时自己设置的地址,要根据实际修改]

path: C:\tool\nodejs

arch: 64

proxy: none

node_mirror: http://npm.taobao.org/mirrors/node/

npm_mirror: https://npm.taobao.org/mirrors/npm/

安装node.js

Node.js是一个新的后端(后台)语言,它的语法和JavaScript类似,所以可以说它是属于前端的后端语言,后端语言和前端语言的区别:

运行环境:后端语言一般运行在服务器端,前端语言运行在客户端的浏览器上

功能:后端语言可以操作文件,可以读写数据库,前端语言不能操作文件,不能读写数据库。

我们一般安装LTS(长线支持版本):

一般暗转nodejs 我们采用以下nvm指令进行安装

常用的nvm命令

nvm list # 列出目前在nvm里面安装的所有node版本

nvm install node版本号 # 安装指定版本的node.js

nvm uninstall node版本号 # 卸载指定版本的node.js

nvm use node版本号 # 切换当前使用的node.js版本

npm

在安装node.js完成后,在node.js中会同时帮我们安装一个npm包管理器npm。我们可以借助npm命令来安装node.js的包。这个工具相当于python的pip管理器。

npm install -g 包名 # 安装模块 -g表示全局安装,如果没有-g,则表示在当前项目安装

npm list # 查看当前目录下已安装的node包

npm view 包名 engines # 查看包所依赖的Node的版本

npm outdated # 检查包是否已经过时,命令会列出所有已过时的包

npm update 包名 # 更新node包

npm uninstall 包名 # 卸载node包

npm 命令 -h # 查看指定命令的帮助文档

安装Vue-CLI

npm install -g vue-cli

-g 表示安装全局模块,不会放在项目下

不加的话 默认放在项目文件下,随项目一起走

vum安装mysql_Vue自动化工具(Vue-CLI)的安装相关推荐

  1. 【vue】安装新版本vue-cli:@vue/cli

    前言 nodjs v14.16.1 (在Windows系统安装Nodejs.在Linux系统安装Nodejs) vue-cli 版本 vue-cli 已分为2个版本: @vue/cli,这是新版本(本 ...

  2. vue - cli 脚手架安装

    一. node安装 1)如果不确定自己是否安装了node,可以在命令行工具内执行: node -v  (检查一下 版本): 2)如果 执行结果显示: xx 不是内部命令,说明你还没有安装node , ...

  3. vue/cli的安装报错以及解决问题的方法

    一.在安装vue/cli的过程中,一直报错,通过翻译了解到是权限出现了问题? 解决方法:打开cmd管理员权限(华为快捷键ctrl+x),再次运行vue/cli安装代码(npm install -g @ ...

  4. Vue CLI 3 安装、创建、配置、安装插件

    一.安装 1.全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它: npm uninstall vue-cli -g //或者 yarn global remove vue-cli 注 ...

  5. python软件安装和使用方法_aws cli的安装及使用(内含python的安装方法)

    liunx环境(使用bundled installer): 1.wget https://s3.amazonaws.com/aws-cli/awscli-bundle.zip     //下载bund ...

  6. MongoDB的安装与可视化工具Studio 3T的安装

    目录 前言 一.官网地址 二.MongoDB的安装 三.Studio 3T的安装 总结 前言 这里可以添加本文要记录的大概内容:讲解了MongoDB的安装以及可视化工具的一个安装 文章为学习笔记,不足 ...

  7. PC端自动化工具开发:Pywinauto的安装及使用

    目录 1.pywinauto简单介绍 2.pywinauto的安装 3. 通过启动windows自带记事本,检查是否可正常使用 1.pywinauto简单介绍 pywinauto是一组用于自动化测试脚 ...

  8. 【Golang】【Lite IDE】Go语言环境安装及开发工具Lite IDE的安装

    GO语言官网:https://golang.google.cn/ LiteIDE官网:http://liteide.org/cn/ 1.分别在对应官网下载好对应系统的GO语言安装程序和Lite IDE ...

  9. Vue脚手架的安装(保姆级教程)

    Vue脚手架的安装(保姆级教程) 文章目录 Vue脚手架的安装(保姆级教程) 1.下载vscode 2.node下载 5.Vue脚手架的安装 6.创建Vue项目 7.项目的运行 1.下载vscode ...

  10. 解决@vue/cli 创建项目是安装chromedriver时失败的问题

    最近在使用新版vue的命令行工具创建项目时,安装chromedriver老是失败,导致后面的步骤也没有进行.网上搜索了一下,全是使用 工作中常见问题汇总及解决方案 npm install chrome ...

最新文章

  1. QCustomPlot的简单用法总结
  2. 161026、更快速将你的页面展示给用户[前端优化篇]
  3. linux sys伪用户作用,【原创】Linux版 对sys用户进行审计的示例
  4. 【ARM】Cortex存储系统
  5. Java学习笔记--继承和多态(下)
  6. powerquery mysql数据库_window 10 下 --excel | power query 通过 ODBC链接 mysql 数据库
  7. codeforces National Property 2sat模板题
  8. 中的数组怎么转成结构体_PLC知识,什么是数组和结构体?
  9. inotify+rsync实时双向同步文件
  10. 关于智能家居的四大思维误区 并非你想的那样
  11. java 硬盘序列号_java肿么获取硬盘序列号 iteye
  12. http状态码全解读
  13. Docker Nginx 如何重新加载配置
  14. 岳父岳母-寄快递的特殊方式
  15. 大数据技术的应用现状与展望
  16. class二进制文件解析(一)
  17. 如何对pdf电子文档进行手写签名
  18. docker添加新的环境变量_Docker容器环境变量设置与查看
  19. mit2021计算机竞赛女生,2021全国大学生计算机系统能力大赛操作系统设计赛第一场研讨会隆重举行...
  20. 基础语法篇_11——坐标空间和转换,图形的保存和重绘,元文件

热门文章

  1. win10计算器rsh_win10 自带计算器快捷键有哪些_windows10计算器快捷键汇总
  2. Zynq-PS-SDK(14) 之 OV5640-HDMI 视频通路硬件搭建
  3. 青少年编程Playgrounds之一
  4. 【金蝶】金蝶KIS专业版9.1清理用户名密码
  5. 74cms搭建 2021.03.13
  6. win10图片浏览改回原来win7的模式
  7. Maven 设置阿里镜像
  8. 三维电子沙盘数字沙盘无人机倾斜摄影三维建模教程第45课
  9. 常用服务器管理口IP及账号密码(持续更新)
  10. 【专题5: 硬件设计】 之 【70.开关电源 之 电感计算例子】