声明此文只针对windows开发的同学。

node安装

前端开发离不开node,此时我们需要去node官网下载并安装，地址：https://nodejs.org/en/，安装完毕之后需要在终端（win+r 快捷键，然后输入cmd），然后输入node -v
image.png此时证明node环境安装完毕。

查看node安装过的软件

在使用node的时候，npm安装了很多软件，如何查看全局安装过的包，使用命令
npm list -g —depth 0
例如我下面安装了这些插件：
image.png

vue开发需要安装软件

cnpm

由于我们被墙的厉害，所以使用npm下载模块时候会发现效率真的很慢，推荐淘宝的镜像，安装说明
推荐：

  1. $ npm install -g cnpm --registry=https://registry.npm.taobao.org

vue框架

  1. npm install -g vue

image.png
然后npm -V 如下打印出版本号就证明VUE框架安装成功，我们可以开发Vue项目了

webpack打包器

  1. npm install -g webpack

image.png

  1. npm install -g webpack-cli

image.png
然后webpack -v 验证是否安装成功

详情查看官网：https://www.webpackjs.com/guides/installation/#%E5%85%A8%E5%B1%80%E5%AE%89%E8%A3%85

vueCli脚手架

  1. cnpm install -g @vue/cli

image.png
然后

  1. vue --version

image.png，此时我们的脚手架搭建成功。
官网脚手架工具安装详解：https://cli.vuejs.org/zh/guide/installation.html

至此vue开发环境搭建完毕。后面继续更新进阶插件的使用和进阶。如何使用vue创建一个项目请移步：
https://www.yuque.com/taowuhua/ys4c0q/dao521