一、vue.js开发前为什么要安装node.js ？

使用Vue.js之前安装nodejs，准确来说使用vue-cli搭建项目的时候需要node。

也可以创建一个.html文件，通过一下方式引入vue，一样可以使用vue

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

但是使用node是笔记方便的，打包部署，解析vue单文件组件，解析vue每个模板，拼在一起等，启动测试服务器localhost，帮你管理vue-router。vue-resource这些插件，通常使用vue+node方式，方便省事。

vue推荐开发环境

Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言

npm: Nodejs下的包管理器。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像（http://npm.taobao.org/）

webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。

vue-cli: 用户生成Vue工程模板

二、node.js安装与配置

1.下载安装node.js

官网下载最新版：https://nodejs.org/zh-cn/download/

下载windows(.msi)64位操作系统

下载完成后 -- 无脑安装 -- 一直next安装。(安装到无中文 -------文件目录)

由于Node.js 中默认安装了 npm，所以不用额外配置就能在全局命令中使用 npm命令，在cmd中测试一下是否安装成功了：输入 node -v 与 npm –v分别查看版本信息

在安装node目录下创建两个文件夹，存放安装目录，和缓存目录，不配置的话会默认安装在c盘，会占用c盘空间

node_cache是缓存日志。node_global是安装目录

执行命令，将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个文件目录

npm config set prefix "D:\Program Files\Nodejs\node_global"
npm config set cache "D:\Program Files\Nodejs\node_cache"

输入npm config get prefix 查看npm全局安装包保存路径

输入npm config get cache 查看npm装包缓存路径

输入npm config list 查看所有npm配置

3.node.js环境配置

1、系统变量-新建NODE_PATH 输入D:\Program Files\Nodejs\node_modules

2、path下添加目录

4.配置淘宝镜像源

npm的下载仓库默认是国外，我们需要配置到国内，这样下载速度才能快，使用国内淘宝镜像源

修改npm的默认配置（直接修改npm命令的仓库地址为淘宝镜像源）

npm config set registry https://registry.npm.taobao.org

查看npm下载源npm config get registry 会显示淘宝镜像源表示成功

三、安装vue 和 vue的脚手架

1、安装vue

npm install vue -g

根据自己的淘宝镜像源设置选择命令，其中-g是全局安装，指安装到global全局目录去

查看安装的vue信息：npm info vue

2、安装脚手架

npm install @vue/cli -g

用这个命令来检查其版本是否正确：vue --version或vue -V

vue安装与配置、脚手架相关推荐

超级详细的Vue安装与配置教程
Vue web前端三大主流框架之一,是一套用于构建用户界面的渐进式框架,下面这篇文章主要给大家介绍了关于Vue安装与配置教程的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下 − 目录一. ...
好细的Vue安装与配置
一.下载和安装Vue 官网下载地址Download | Node.js 选择适合自己的版本,推荐LTS,长久稳定版本. 我这里选择的是Windows Installer(.msi) 64-bit 下载 ...
Vue安装过程及环境配置
Vue安装过程及环境配置本节内容服务于SpringBoot + Vue 搭建 JavaWeb 增删改查项目. 通过WIN+R输入CMD打开命令行(必须是以管理员身份运行),输入: npm confi ...
Vue环境搭建(node安装,环境配置,运行项目)
Vue环境搭建(node安装,环境配置,运行项目) 一.安装node 1.去官网下载node之后,推荐安装稳定版本(LTS)node官网下载地址 2.查看node安装成功否 node -v 查看nod ...
Vue安装及环境配置
一.安装node.js 官网:Download | Node.js 历史版本:Previous Releases | Node.js 或者下载完毕后,可以安装node,建议不要安装在系统盘(如C:) ...
Vue安装配置以及入门案例
Vue Vue简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不 ...
Vue项目中tinymce富文本的安装以及配置
Vue项目中tinymce富文本的安装以及配置对于目前网上存在的许多富文本插件中,个人还是觉得tinymce相对比较强大一些.在使用配置的过程中,可能会出现配置不完全,导致使用不了的情况,下面把我个 ...
2021-10-27 Vue安装脚手架npm install -g @vue/cli命令失败_因为文件已存在
这里写自定义目录标题 Vue安装脚手架npm install -g @vue/cli命令失败_因为文件已存在 Vue安装脚手架npm install -g @vue/cli命令失败_因为文件已存在 1 ...
vue项目初学者npm如何安装与配置
npm如何安装与配置在我们初次学习或者想要启动一个前端项目的时候准会要安装nodejs和npm Nodejs的安装比较简单安装文档下载:安装教程 Npm的安装准会有许许多多的问题我在第一次安装的 ...

vue安装与配置、脚手架

目录