admin管理员组

文章数量:1026989

1.依赖环境node.js安装

软件链接：https://pan.baidu/s/1q1CFhBHQN6-SYSpTxVIZwA
提取码：tg61
（双击安装，除了自定义安装路径时修改安装路径，基本一直next,直到finish。（在安装过程中将会自动在windows 命令执行路径中添加node安装的路径，如果node -v 命令执行不成功，应该首先检查这里）





Node安装好后的基本目录结构（同时安装npm）

2.更换国内（淘宝）镜像
npm install -g cnpm --registry=https://registry.npm.taobao
（在执行上面的命令时，会在note 安装目录的同级目录创建node_cache 和node_global目录用来存放npm全局安装的包，并且所全局安装包的相关执行命令文件【如：cnpm.cmd ,vue.cmd】都存放在node_global下,如果执行相关命令失败，就得手动配置node_global到windows 命令执行路径）

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项目

1.依赖环境node.js安装

软件链接：https://pan.baidu/s/1q1CFhBHQN6-SYSpTxVIZwA
提取码：tg61
（双击安装，除了自定义安装路径时修改安装路径，基本一直next,直到finish。（在安装过程中将会自动在windows 命令执行路径中添加node安装的路径，如果node -v 命令执行不成功，应该首先检查这里）





Node安装好后的基本目录结构（同时安装npm）

2.更换国内（淘宝）镜像
npm install -g cnpm --registry=https://registry.npm.taobao
（在执行上面的命令时，会在note 安装目录的同级目录创建node_cache 和node_global目录用来存放npm全局安装的包，并且所全局安装包的相关执行命令文件【如：cnpm.cmd ,vue.cmd】都存放在node_global下,如果执行相关命令失败，就得手动配置node_global到windows 命令执行路径）

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项目

本文标签： 环境VueCLI

版权声明：本文标题：Windows7 ：Vue(vuecli 4.2.3)开发环境搭建 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1734802002a1266457.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。