Windows7 :Vue(vue/cli 4.2.3)开发环境搭建

1.依赖环境node.js安装

软件链接:https://pan.baidu.com/s/1q1CFhBHQN6-SYSpTxVIZwA
提取码:tg61
(双击安装,除了自定义安装路径时修改安装路径,基本一直next,直到finish。(在安装过程中将会自动在windows 命令执行路径中添加node安装的路径,如果node -v 命令执行不成功,应该首先检查这里)
Windows7 :Vue(vue/cli 4.2.3)开发环境搭建_第1张图片
Windows7 :Vue(vue/cli 4.2.3)开发环境搭建_第2张图片
Windows7 :Vue(vue/cli 4.2.3)开发环境搭建_第3张图片
Windows7 :Vue(vue/cli 4.2.3)开发环境搭建_第4张图片
Windows7 :Vue(vue/cli 4.2.3)开发环境搭建_第5张图片
Node安装好后的基本目录结构(同时安装npm)
Windows7 :Vue(vue/cli 4.2.3)开发环境搭建_第6张图片
2.更换国内(淘宝)镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
(在执行上面的命令时,会在note 安装目录的同级目录创建node_cache 和node_global目录用来存放npm全局安装的包,并且所全局安装包的相关执行命令文件【如:cnpm.cmd ,vue.cmd】都存放在node_global下,如果执行相关命令失败,就得手动配置node_global到windows 命令执行路径)
Windows7 :Vue(vue/cli 4.2.3)开发环境搭建_第7张图片
Windows7 :Vue(vue/cli 4.2.3)开发环境搭建_第8张图片

3.下载vue/cli 4.2.3, webpack
cnpm install -g @vue/cli
cnpm install -g webpack
4.检测是否安装成功
node -v
vue -V #(大V)
Webpack -v
5.Webstorm 创建Vue项目

Windows7 :Vue(vue/cli 4.2.3)开发环境搭建_第9张图片

你可能感兴趣的:(Windows7 :Vue(vue/cli 4.2.3)开发环境搭建)