vue安装与配置、脚手架

目录

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

vue推荐开发环境

二、node.js安装与配置

1.下载安装node.js

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

3.node.js环境配置

4.配置淘宝镜像源

三、安装vue 和 vue的脚手架

1、安装vue

2、安装脚手架

---

一、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工程模板

---