如何创建一个简单的vue项目

##创建简单的vue项目

 首先找到想要创建项目的地方(存放项目的地方),比如在桌面新建一个文件夹,点击进去,然后再新建文件夹里输入命令cmd后回车进入命令窗口(也就是常说的小黑框),如图所示

 在命令窗口输入vue create 项目名,系统会自动生成一个项目,但还是需要我们去做一些简单的配置,如图主要有三个选项,前两个会自动给生成vue2,vue3版本的项目,因为有时我们安装使用element-ui组件会报错,所以我们选择第3个,自己进行配置所想要的(键盘上↑下↓箭头可以控制,选择好回车进入)

然后进入配置,因为只是做的简单的vue项目,主要用于前后端联调来做测试用,所以就简单的选择一下

 键盘上↑下↓箭头可以控制,空格键选择或取消,选择好回车进入,

最后选择成这个样子,如图:

 回车进行创建,然后等待创建完成,然后打开项目,新建个终端然后输入命令

npm install --save element-ui

因为要做前后端联调,要与后端连接发送请求,顺便把axios给安装上,如图,证明安装成功 

 再然后呢,我们需要去src目录下的main.js配置一下,

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

如图:

 好了,简单的vue项目算是完成了,然后我们去element-ui网站使用一下现成的组件,看看是否成功,能不能使用,

不错,能够使用,一个简单的vue+element-ui项目算是完成了。 

 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值