vue项目准备工作(一)

摘要:
前端站点、主页、用户界面。

1.写文档:

  • 产品说明、工作日志、接口说明文档、数据库说明文档、项目架构说明文档等····
  • 例如:后台管理系统:商品的管理、店铺的管理、店铺类别管理、管理员的管理、用户管理等·····
         前端渲染。前端站点、首页,用户界面。搜索。类别。详情。api:接口。

2.vue脚手架

1. 全局安装vue的脚手架
    cnpm install @vue/cli -g
2. 查看版本号
    vue -v
3. 创建项目
    vue create 项目的名字(不能出现大写字母)
4. cd 项目 进入项目

5. npm run server 运行项目

3.vue配置文件

1.在项目的根目录下创建 vue.config.js的文件

2. 配置
        module.exports ={
        //配置之后,重新启动项目 cnpm run serve
        devServer :{
            open : true; //是否自动打开浏览器
            host : "127.0.0.1",
            port : 80 //端口号80
        }
    }

4.使用element组件

1、安装ElementUI
   cnpm install element-ui -s

2、在main.js中引入Element-UI
   import ElementUI from 'element-ui'
   import 'element-ui/lib/theme-chalk/index.css';//样式

3、使用element
  Vue.use(ElementUI);

免责声明:文章转载自《vue项目准备工作(一)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇素数筛法知识点整理jquery ui实现文字下拉联想下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue使用videojs控制后台m3u8数据请求

关于Video.js的使用方法就不再说了,有兴趣的请迁跃:https://videojs.com/ VideoJS中并没有stop之类控制后台数据请求的参数,只有暂停 video.pause()方法 ,但是对于后台的请求是不会暂停的,如果我页面有多个Vedio实例需要存在,这样就太影响页面效率了 我使用的是Vue 组件化的VedioJS控件 1、动态控...

vue 文件上传

  学习参考地址: http://www.cnblogs.com/zhengweijie/p/6922808.html#3920491 依赖js文件: http://files.cnblogs.com/files/zhengweijie/jquery.form.rar HTML 文本内容: <template>   <div id="ac...

实现一个竖直的显示表头的表格(vue版本)

今天遇到一个问题,实现这样一个竖直的显示表头的表格,如下图。默认显示两列。 vue实现代码如下:   tableComponent.vue:   <template> <table class="mailTable" :style="styleObject" v-if="s_showByRow"> <tr v-...

Vue最简单的实现网页Live2D看板娘

Live2D看板娘 前言 二、使用步骤 1.引入 2.设置样式 结尾(后续更新更强的配置看板娘~) 前言 最近想给自己的网页添点新花样,然后就想到了别人的网站都有一些看板娘的玩意儿,看着很舒服,鉴于自己也没玩过,就鼓捣了一会儿。发现实现的模型还挺多。我这里呢,就简化一下,弄一个最简单在vue中的教程。 二、使用步骤 1.引入 在inde...

python3 + Django + Mysql + Vue + Element-UI 学习笔记:从0搭建前后端分离的测试工具平台

2020.03.23  INIT 中间换了工作,好久没写了 2021.05.08  新增:页面预览、功能实现样例(含后端接口、前端页面、配置绑定) 2021.05.13  新增:首页增加访问人数统计功能 2021.05.19  新增:用户信息查询接口、页面开发 2021.06.10  新增:生成图片功能 2021.06.18  新增:文本处理工具下载页面...

在vue项目中使用axios发送FormData

这个是axios的中文文档,挺详细的: https://www.kancloud.cn/luponu/axios/873153 文档中的 使用 application/x-www-form-urlencoded format 这一部分讲的就是 通过axios发送FromData的方法, 下面是我在vue项目中使用的示例: 在本组件的method添加了一个点...