创建vue项目

标签：vue 项目 创建 bootstrap js 组件 import element

1. 找到目标地址，打开cmd

2. vue create projectname

 

 

 在地址栏里面输入cmd ，别用Powershell

 

3. 安装和引入

　　安装axios：

　　　　npm i axios

 

　　安装bootstrap：

　　　　npm install [email protected]

　　在main.js中引入：　　　

　　　　import 'bootstrap/dist/css/bootstrap.min.css'; 　　　　import 'bootstrap/dist/js/bootstrap.min.js'   　　安装element-ui： 　　　　npm i element-ui 　　在main.js中引入：　　　

　　　　import ElementUI from 'element-ui';
　　　　import 'element-ui/lib/theme-chalk/index.css';

　　　　Vue.use(ElementUI)   插入：vue组件概念 　　

　　Vue 的单文件组件会将一个组件的逻辑 (JavaScript)，模板 (HTML) 和样式 (CSS) 封装在同一个文件里

　　App.vue 项目入口文件，我们也可以直接将组件写这里，而不使用 components 目录

　　

 

 

4. Student.vue 　　当前学习中，这个组件里写了页面内部的东西，删除学生信息，修改学生信息 　　 　　 5. App.vue 　　当前学习中，这个组件引入Student的组件，写了页面大框架，和前端请求的方法，查询学生信息，增加学生信息                

标签：vue,项目,创建,bootstrap,js,组件,import,element
From： https://www.cnblogs.com/mxleader/p/17091584.html