搭建vue-element-admin

搭建vue-element-admin

前言

学习vue,最简单的方法应该是搭建个vue-element-admin,在此基础上追踪代码和改造代码。这样学习起来才会越快越好

工具以及环境

工具:webstorm
环境:node12.4.0 vue2.9.6

步骤

1.安装node,直接从node官网下载最新安装包,直接默认安装。最后用node -v检测是否安装成功。因为新的node已经自带npm,所以不用安装node
2.查看安装路径有没有生成node_cache,node_global。没有则创建这2个文件夹 如图:
在这里插入图片描述
3.安装淘宝路径
npm install -g cnpm --registry=https://registry.npm.taobao.org
是否安装成功用 cnpm -v检测

4.在环境变量-用户变量的path里面配置nodel_global的路径,新增系统变量NODE_PATH,在NODE_PATH配置nodel_cache的变量,如图:
在这里插入图片描述在这里插入图片描述
5.安装vue
cnpm install vue -g

6.安装vue-cli 脚手架
cnpm install vue-cli -g

7.下载最新版本的vue-element-admin 解压,在目录下面执行 npm install,这些成功后会生成node_module文件夹,文件夹文件如图,如果只有一个.sating说明执行失败,执行失败则把node_cache和node_gloabl的文件删除,再把nodel_module和package-lock.json删除,重新执行命令
在这里插入图片描述
8.在项目路径下执行npm run dev,执行后项目整体如图
在这里插入图片描述

发布了46 篇原创文章 · 获赞 2 · 访问量 9414

猜你喜欢

转载自blog.csdn.net/qq_33009107/article/details/93996783