vue 项目的开发流程

1.$ node -v (检测node版本,node版本需要在 V4 以上)

2.全局安装vue $ npm install -g vue

3.安装脚手架 $ npm install -g vue-cli

4.运行 vue 命令,看是否已安装完毕 $ vue / $ vue list (查看可安装的模板)

5.安装模板 $ vue init webpack(模板) sell(项目名称)

6.? Project name sell

 ? Project description sell app

 ? Author crazyCode <[email protected]>

 ? Use ESLint to lint your code? Yes

 ? Pick an ESLint preset Standard

 ? Setup unit tests with Karma + Mocha? No

 ? Setup e2e tests with Nightwatch? No

7.$ cd sell (进入项目目录)

8.$ ll -a (查看目录结构)

9.$ npm install (安装模块下代码的依赖)

10.$ npm run dev (运行项目)

11.

时间: 2024-08-04 08:08:16

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

如何加快Vue项目的开发速度

如何加快Vue项目的开发速度 本文摘自奇舞周刊,侵权删. 现如今的开发,比如内部使用的管理平台这种项目大都时间比较仓促.实际上来说,在使用了webpack + vue 这一套来开发的话已经大大了提高了效率.但是对于我们的开发层面.还是有很多地方可以再次提高我们的项目开发效率,让我们更加专注于业务,毕竟时间就是生命.下面我们挨个来探讨. 巧用Webpack Webpack是实现我们前端项目工程化的基础,但其实她的用处远不仅仅如此,我们可以通过Webpack来帮我们做一些自动化的事情.首先我们要了解

加快Vue项目的开发速度

巧用Webpack   Webpack是实现我们前端项目工程化的基础,但其实她的用处远不仅仅如此,我们可以通过Webpack来帮我们做一些自动化的事情.首先我们要了解require.context()这个API   require.context()   您可以使用require.context()函数创建自己的上下文. 它允许您传入一个目录进行搜索,一个标志指示是否应该搜索子目录,还有一个正则表达式来匹配文件. 其实是Webpack通过解析 require() 的调用,提取出来如下这些信息:

vue项目中开发规范记录

代码规范 文件命名 统一使用下划线分割例如 ** goods_library.vue ** 代码格式约束 vscode 安装 EditorConfig 插件 vscode 安装 eslint插件,并且在设置中添加配置项 编辑器出现eslint error 必须解决 vscode 配置添加 "eslint.validate": [ "javascript", "javascriptreact", "vue" ] css 规范 统

一个vue项目的搭建流程

安装cnpm: [npm install -g cnpm --registry=https://registry.npm.taobao.org] 常用技术栈的安装 stylus: [cnpm install stylus -g]+[cnpm install stylus stylus-loader --save-dev] element-ui: [cnpm install element-ui --save] import ElementUI from 'element-ui' import '

项目框架开发流程(oa项目为例)

1. 导包 2. 配置web.xml 3. 设计通用dao ,base,service, action, domain  ,utils等 4.配置struts.xml 和 beans.xml 5. 配置jdbc.properties 和 log4j.properties; 6.测试 通用增删改查 方法

vue项目 首页开发 part3

da当拖动图标时候,只有上部分可以,下部分无响应 swiper 为根页面引用,其中的css为独立,点击swiper标签可以看见其包裹区域只有部分 那么需要修改 就需要穿透样式 外部  >>> 需要修改元素 .icons >>> .swiper-container height 0 padding-bottom: 50% 1 计算属性,自带缓存 内容超出 使用省略号 overflow: hidden; white-space: nowrap; text-overflow:

Vue.js系列(一):Vue项目创建详解

引言 Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式.本文旨在帮助大家认识Vue.js,并详细介绍使用vue-cli脚手架工具快速的构建Vue项目,以及对项目目录结构的解释说明,使大家清晰的了解Vue项目的开发流程. 简介 Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项

Vue项目开发目录结构

最近做一些CI+Vue开发的简单项目,由于刚开始一直从事后端,对Vue了解不是很多,fork了团队的项目代码发现项目的文件夹很多,一时间有些懵,上网上参考了部分资料,博客园中的放晴的天空与狮子爱吃草两位的博客提供了很大的帮助,现将该部分知识做以下总结. 下图为Vue项目文件夹: 以下就项目文件夹中的各文件的作用进行介绍: ├── build/ # Webpack 配置目录 ├── dist/ # build 生成的生产环境下的项目 ├── config/ # Vue基本配置文件,可以设置监听端口

产品项目开发流程

目录 产品项目开发流程 项目调研 项目立项 需求分析评审 原型设计 项目开发 项目测试 项目部署 后期维护 产品项目开发流程 目前市场上成熟的产品项目流程主要有项目调研,项目立项,需求分析评审,原型设计,项目开发,项目测试,项目部署以及后期维护等. 现基于市场上的开发流程以及以往的项目开发经验,个人对项目各个开发阶段进行描述以及项目整体开发流程进行总结. 项目调研 由于没有正式参加过项目调研,故省略...... 项目立项 主要由项目经理发起立项会议,组织相关人员参加立项会议并启动评审项目.在该阶