如何快速的vue init 属于自己的vue模板？

相信很多接触过vue的小伙伴非常熟悉了，我们在开启项目之前都需要vue init webpack xx来初始化自己的项目目录。但是在实际开发中我们往往会根据公司要求或者业务的需要会对目录进行局部的调整，那么今天我们来说一说如何能够创建自己的项目目录机构，要做这个也是非常的容易了

首先，我们需要全局安装 vue-cli

npm install vue-cli -g

　　其次我们需要在自己的git仓库中上传想要应用的项目目录结构。这里的目录结构我主要是参考vue官方的模板。在github上找到vue官方的webpack模板。项目的目录结构如下

上传到自己的git仓库之后，我们就可以放心的来vue init自己想要的项目结构了

vue init username/repo my-project

　　username为自己的git用户名，repo是仓库名

 cd my-project
$ npm install
$ npm run dev

　　剩下来就是我们熟悉的节奏了，不足之处还请多多指教~

转载于:https://www.cnblogs.com/linxing/p/9056005.html

如何快速的vue init 属于自己的vue模板？相关推荐

vue init深度定制团队自己的Vue template
大家都知道,使用vue-cli可以快速的初始化一个基于Vue.js的项目,全局安装脚手架之后,你可以通过vue list命令看到官方提供的5个模板 vue list 当开发一个独立项目的时候,使用官方 ...
Command vue init requires a global addon to be installed
vue 3.0 使用 vue-cli 4.0 创建webpack项目时出现创建命令vue init webpack hello-vue-webpack Command vue init requir ...
vue2.0基于vue-cli,element-ui饿了么vue前端开源项目制作vue的树形table，treeTable
该组件基于技术栈,主要涉及vue-cli生成的webpack项目脚手架,在此脚手架项目基础上完成的,整合了element-ui开源vue的UI项目 1.vue-cli的安装使用 npm install ...
「Vue 学习笔记 1」Vue 项目快速搭建，初始项目各个文件夹作用介绍和启动代码执行流程分析
「Vue 学习笔记 1」Vue 项目快速搭建,初始项目各个文件夹作用介绍和启动代码执行流程分析前言一.我的开发环境二.使用 Vue CLI (Vue 脚手架)快速搭建项目三.初始项目的目录结构 ...
Vue.js——60分钟browserify项目模板快速入门
概述在之前的一系列vue.js文章,我们都是用传统模式引用vue.js以及其他的js文件的,这在开发时会产生一些问题. 首先,这限定了我们的开发模式是基于页面的,而不是基于组件的,组件的所有代码都直 ...
vue init webpack vue-demo01复杂安装的详解
终端cmd,在项目中输入下面命令: E:\Vue>vue init webpack vuedemo02 接着就会让你输入或者选择一些是不是要的东西 ? Project name vuedemo0 ...
解决在vue init webpack my-project卡住的问题（已解决）
执行vue init webpack test命令: 然后cd test,然后cnpm install 或者 npm install --registry=https://registry.npm.t ...
运行vue init webpack vueTest时报错
前言:好久没动vue项目了,早上心血来潮.准备写一个项目,然后坚持在github更新,不为别的,只为养成一个习惯. 运行vue init webpack vueTest时,报了下面的错误: 当时我思考 ...
vue init失败解决方案-终极版
vue init失败解决方案-终极版参考文章: (1)vue init失败解决方案-终极版 (2)https://www.cnblogs.com/suger-life/p/8084368.html ...

如何快速的vue init 属于自己的vue模板？

如何快速的vue init 属于自己的vue模板？相关推荐

最新文章

热门文章