Windows10下配置Vue环境

目录

一、准备工作

二、下载安装

三、运行项目

---

一、准备工作

nodejs : JavaScript运行环境

npm : nodejs下的包管理器（是国外的，在国内使用会很慢），可以使用国内的淘宝npm镜像

webpack: 把无法直接在浏览器中使用的语言（如es6,sass）编译成浏览器支持的形式，资源的合并、压缩混淆

vue-cli：直接构建vue项目

从github上down下前端vue工程，放在指定路径下

二、下载安装

1、安装nodejs

nodejs官网（https://nodejs.org/en/）下载安装最新版本。

下载后点击安装，选择安装路径：

nodejs安装完成，运行cmd目录，输入node -v，出现版本证明nodejs安装成功

注意：此处在命令行先进入到前端工程所在目录下，在执行之后命令

2、安装淘宝镜像

由于npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue.淘宝的cnpm命令管理工具可以代替默认的npm管理工具。输入：npm install -g cnpm --registry=https://registry.npm.taobao.org

3、搭建vue-cli脚手架

输入命令：cnpm install --global vue-cli

4、安装webpack

输入命令：npm install webpack，此处安装时间略微有点长。

到此环境准备工作完成

三、运行项目

进入到前端工程目录下，执行命令：cnpm run dev，到此工程运行成功，弹出浏览器，在本地跑前端跑成功