vue项目开发流程(一)

vue的环境配置好之后,让项目运行起来,一般是localhost:8080,如果是移动端,想在手机上查看效果,可以用电脑ip连接访问

1.打开控制台查看本机ip,输入命令:ipconfig

2.修改项目config文件夹下的index.js

host: ‘localhost‘

port: 8080,

这两项修改,localhost替换为本机ip地址,端口随意,最好不用8080

3.npm run dev 让项目跑起来,运行成功就可以查看了

如: Your application is running here: http://192.168.1.110:8686

复制后面的地址在浏览器打开,发现后面多了http://192.168.1.110:8686/#/

4. 强迫症表示很想去掉#/

打开src/router/index.js,加上mode: ‘history‘

export default new Router({  mode: ‘history‘,  //  去掉地址栏后面的 #/
  routes: [
    {
      path: ‘/‘,
      name: ‘HelloWorld‘,
      component: HelloWorld
    }
  ]
})

vue项目所需的基本配置就好了

时间: 2024-10-31 16:11:31

vue项目开发流程(一)的相关文章

vue项目开发流程

创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目. (1)安装 确认已安装了node.js,可在cmd中输入( node -v和npm -v),如显示出版号,说明安装成功. 图片.png 通过vue ui安装 第一步:在cmd中输入vue ui 图片.png 第二步:之后会弹出一个页面,点击创建 图片.png 第三步:选择你项目要放的文件,然后点击在此创建新项目 图片.png 第四步:输

Vue - 项目开发

Vue项目开发 环境 1)安装node:官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 2)安装cnpm >:npm install -g cnpm --registry=https://registry.npm.taobao.org 3)安装脚手架 >:cnpm install -g @vue/cli 4)清空缓存处理(如果第2.3补出问题可以执行该条命令) >:npm cache clean --force 创建项目 >: cd 项目目录 >

项目开发流程

项目开发流程:1. 需求部门-外包公司的叫法   (产品部门) 一般在做自己的产品才有   外包公司: 1.分为产品外包,人家公司要做一个系统,外包公司接过来做  需求部门:了解客户的需求,整理成需求文档   2.人才外包 2.技术部 架构师或者技术经理(项目经理)将需求部门的需求文档分析以后形成一个系统的需求分析文档 将功能细化 3.概要设计(架构师,技术经理) 形成数据库设计,db设计文档 定义出当前系统的各个业务模块,模块中的具体功能,以及此系统和外部对接的api 以及当前系统中各个子系统

项目开发流程,以及什么是数据分析平台,再者为什么要做数据分析平台,数据来源,数据处理流程

一:项目开发流程 1.项目调研 了解项目的初始需求,然后结合市场的技术,看一下能否完成 2.需求分析 明确一个项目到底需要做什么? 最终做出的是什么样子? 重要性:一个好的需求分析能够明确项目的后续发展主题方向 3.方案设计 概要设计: 项目结构,技术选型 详细设计: 按照模块设计 4.编码实现 具体实现 5.测试 功能测试:功能是否达到了需求 集成测试:模块之间的兼容性 压力测试:高并发,多用户下,系统是否可以运行 用户测试:根据用户的建议进行修改 6.上线 试运行阶段:新系统与老系统同时在线

外包项目开发流程规范(ODC)

    忙碌时候时间过得很快,没时间记录下工作的一些东西,以下记录外包项目开发的一些流程规范: ODC软件系统开发流程: 例行版本:1.需求分析(用户.ODC) 1)找用户谈需求 2)确定系统上线时间.移交用户测试时间2.工作量的估算(ODC) 1)各个功能点需要的人天(初步估算,后续需求有改动,需要重新更新)3.工作计划安排(ODC) 1)开发计划-指定哪个功能由哪个开发人员进行开发,什么时候开发完成(移交系统测试) 2)测试计划-几时移交系统测试.几时移交用户测试4.系统开发及自测(ODC)

小型软件项目开发流程探讨

一.导言 国内很多项目都是小型项目, 参与人员少(两到五个人), 要快速交付(一两个月) . 要成功完成这种项目, 除了使用成熟且被团队成员熟练使用的技术之外, 有一个良好的开发流程, 也是很必要的. 二.小型软件项目开发流程 下图是我对小型软件项目开发流程的一个设想: 需求分析的重要性想必大家都应该清楚, 对于项目来说, 满足用户的需求是第一位的. 因为时间紧, 系统设计经常被忽略. 这会留下很大的隐患, 国内很多项目的需求通常是很简略的, 还需要在系统设计阶段把一些需求进一步的明确. 不然会

使用.NET MVC框架项目开发流程(项目开发流程)

MVC项目开发流程 整理需求,进行需求分析.项目设计. 整理数据项,建数据库做前期准备,并整理字典. 建立所需数据库表和视图和模型. 页面实现其初步功能(跳过逻辑后台代码),只是实现页面之间的跳转以及展示(预览审核使用). .............................................................................................................................. 审核通过……开始写数据

Unity3D游戏开发之虚拟现实项目开发流程

Unity3D游戏开发之虚拟现实项目开发流程 欢迎来到unity学习.unity培训.unity企业培训教育专区,这里有很多U3D资源.U3D培训视频.U3D教程.U3D常见问题.U3D项目源码,[狗刨学习网]unity极致学院,致力于打造业内unity3d培训.学习第一品牌. 一.系统设计与资料的收集与整理 1.              与项目投资单位沟通并进行系统设计: 2.              收集整理规划图.效果图.现场照片: 3.              拍摄比干文化及景区介

K2项目开发流程

(自己的学习资料) K2项目开发流程: 1.在VS2013中设计流程,并在K2 Workspce中测试流程 首先是新建新建一个k2的Process文件..kprx后缀. 在里面创建所需要的流程.由于我是初学者,创建工作流时审批人都先指向自己,易于实现. 审批人有两种方法指向,一指向特定的人,二根据数据库中的人. 在工作流创建完成之后.打开k2 workspace里面的workflow server.里面是一些已存在的工作流.点开来找到instances选中节点,点击start进行工作流的测试.