Windows10下配置Vue环境

tech2022-09-22  66

目录

一、准备工作

二、下载安装

三、运行项目


一、准备工作

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,到此工程运行成功,弹出浏览器,在本地跑前端跑成功

最新回复(0)