vue webpack 构建项目 git 代码管理

原创 2018年04月17日 16:36:15

1.全局安装 vue-cli

 npm install --global vue-cli

(如果之前已经全局安装过了 跳过该操作 直接进行2)

2.打开项目,初始化为webpack模版的项目

vue init webpack

3.安装依赖 根据提示进行操作

4.初始化成功,直接运行 npm run dev


5.成功运行 直接打开 红线链接


6.出现下面内容表示项目创建成功


7.使用git进行代码管理


8.提交代码时候出现错误



vue+webpack构建项目过程

当前最流行的框架和构建工具
  • zfangls
  • zfangls
  • 2016-11-25 18:51:39
  • 3656

Vue2+VueRouter2+webpack 构建项目实战(一)准备工作

Vue2+VueRouter2+webpack 构建项目实战(一)准备工作之前写的博客没有采用打包工具,而是直接引用js的方式来做的。这种方式很扯淡,也因此,我写了三篇博客之后就没有再写了。通过几个月...
  • FungLeo
  • FungLeo
  • 2016-11-15 14:43:06
  • 51480

手动webpack搭建vue2项目

本文github地址可打包下载webpack是一个模块加载器, 一切东西都是模块(包括css、html、js、图片等), 最后都打包到一块了。下面我将搭建一个简单的demo一、新建目录结构 |-...
  • qq_15766181
  • qq_15766181
  • 2017-06-21 15:53:27
  • 1416

vue和webpack项目构建过程常用的npm命令

vue //最新稳定版 cnpm install vue //全局安装 vue-cli cnpm install --global vue-cli //创建一个基于 webpack 模板的新...
  • github_39274378
  • github_39274378
  • 2017-09-05 13:00:07
  • 575

vue + webpack + node 开发一个小demo

vue + webpack + node 开发一个小demo一、构建项目假设你已经安装好了node / npm / webpack / vue-cil环境。进入到你要新建项目的文件夹下,新建一个vu...
  • eidolons
  • eidolons
  • 2017-06-27 23:10:25
  • 436

【WEB开发】webpack+vue构建前端开发环境

一、前言。 1.1、使用vue开发前端,可以适用pc端加移动端,由于最近有个项目需要在移动端上开发网页,所以使用了vue这个框架。 1.2、开发移动端,还需要注意资源的配置和打包,所以打算使用webp...
  • hustxiaoxian
  • hustxiaoxian
  • 2016-10-08 11:31:11
  • 4047

Vue+webpack学习案例(一)-构建Vue项目

一、Vue简介         Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。       Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易...
  • iuoon
  • iuoon
  • 2016-10-21 13:01:26
  • 8154

Vue2.0+Webpack项目环境构建到发布

使用vue2.0+webpack搭建项目的步骤如下,以下全在命令窗口输入命令语句: 安装node和npmnode下载:node下载地址 新版的node集成了npm,所以node安装好后npm也一并安...
  • Letasian
  • Letasian
  • 2017-07-13 09:11:51
  • 2556

windows/mac 使用webpack构建vue项目

一、mac环境和windows最大的区别是,windows需要配置环境,有很多坑,基本上node和npm装好了,搭建vue时两者没有很大区别。 二、node.js的配置 A、windwos下 ...
  • u011756088
  • u011756088
  • 2017-07-03 15:59:14
  • 799
收藏助手
不良信息举报
您举报文章:vue webpack 构建项目 git 代码管理
举报原因:
原因补充:

(最多只允许输入30个字)