Vue创建前端项目

Posted urls

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue创建前端项目相关的知识,希望对你有一定的参考价值。

Vue创建前端项目

1.在项目目录下创建Vue项目  

vue init webpack renranweb

 

 2.配置前端访问后端地址,在src目录前settings.js文件中加入

export default {
  \'host\': \'http://127.0.0.1:8000\',   
  
}

3. vue项目初始化配置1

 

 4. vue项目初始化配置2,删除log配置和默认css样式.

 

 5.创建vue Home首页并运行前端项目1

 

   2.配置2

 

 配置3

 

 6.测试前端访问

 

 

 

 7.引入settings.js配置文件

 

8.安装前端插件ElementUI

 

 9. 配置element-ui,在src下main.js中加下以下内容.

// elementUI 导入
import ElementUI from \'element-ui\';
import "element-ui/lib/theme-chalk/index.css";
// 调用插件
Vue.use(ElementUI);

  引入全局CSS样式,在src下main.js中加下以下内容.

  import "../static/css/reset.css";

10.修改前端访问地址使用域名访问

 

 

 

 

  

  

  

以上是关于Vue创建前端项目的主要内容,如果未能解决你的问题,请参考以下文章

前端项目的创建和准备

前端Vue+后端Django项目创建以及自动部署流程

前端Vue+后端Django项目创建以及自动部署流程

前端学习之Vue项目搭建

Vue创建前端项目

前端VUE页面快速生成