目录
一、准备工作
二、下载安装
三、运行项目
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,到此工程运行成功,弹出浏览器,在本地跑前端跑成功