Vue安装及环境配置、开发工具

本文章向大家介绍Vue安装及环境配置、开发工具，主要内容包括前言、一、node.js安装和配置、2. 配置默认安装目录和缓存日志目录、3. node.js环境配置、4. 配置淘宝镜像源、二、安装vue及脚手架、2.安装webpack模板、3.安装脚手架vue-cli 2.x、4.vue-cli2创建vue项目、三、安装vue-cli 3.x、2、安装新版本、3、新建项目、4、运行项目、五、cli3下拉取2.x模板、四、开发工具、2、Hbuilder X、五、vue项目结构、六、我的vue 的系统学习笔记、Vue笔记二：基础语法、基本概念、基础应用、原理机制和需要注意的事项等，并结合实例形式分析了其使用技巧，希望通过本文能帮助到大家理解应用这部分内容。

一、node.js安装和配置

1. 下载安装node.js

官网下载最新版本：Download | Node.js 可以下载安装包（安装教程见：Node.js 安装配置 | 菜鸟教程） 或者下载zip文件找个目录保存，解压下载的文件，然后配置环境变量，将解压文件所在的路径配置到环境变量中。

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

2. 配置默认安装目录和缓存日志目录

说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:Users用户名AppDataRoamingnpm】路径中，占C盘空间。 1、创建默认安装目录和缓存日志目录 比如，我希望将全模块所在路径和缓存路径，放在我node.js安装的文件夹中，则在我安装的文件夹【”D:Program Files nodejs】下创建两个文件夹【node_global】及【node_cache】分别作为默认安装目录和缓存日志目录。

2、执行命令，将