摘要:
写过了一个我们产品的后台管理系统,但做完项目都没有进行总结。感觉好多还是懵懂的感觉,所以想要重新走一遍,写一个自己的项目。让自己理清思路
实现:
1、首先确认你的电脑中已经安装过Node.js了,如果没有可以百度安装配置
2、我们来说下安装vue,是用vue-cli来初始化项目吧(使用命令行工具来操作)
(1) 全局安装 vue-cli (在命令行工具中输入npm install --global vue-cli,如果你的电脑中安装了淘宝镜像的话,可以输入下列命令)
(2) 创建一个基于 webpack 模板的新项目,如下图所示
(3)这里需要进行一些配置,默认回车即可。如图所示
(4) 进入项目,安装并运行:
cd vueAdmin
npm install
npm run dev
此时vue-cli就初始化好了,接下来就是安装elementUI
3、安装elementUI
在命令行中输入npm i element-ui -S,如图所示
在 main.js 中写入以下内容如下:
然后再次运行项目,npm run dev