##创建简单的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项目算是完成了。