(一)vue-cli初始化项目并引入ElementUI

摘要:

写过了一个我们产品的后台管理系统,但做完项目都没有进行总结。感觉好多还是懵懂的感觉,所以想要重新走一遍,写一个自己的项目。让自己理清思路

实现:

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

发布了29 篇原创文章 · 获赞 25 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/qq_36275889/article/details/83547431