文档章节

vue-cli是什么?

wjm1818
 wjm1818
发布于 06/23 17:34
字数 349
阅读 4
收藏 0

vue-cli是什么?

vue-cli 是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,分为vue init webpack-simple 项目名 和vue init webpack 项目名 两种。

当然首先你的安装vue,webpack,node等一些必要的环境

生成项目

1,打开控制台,定位到你需要生成项目的路径,如E盘:

2,输入命令 vue init webpack-simple projectname   或者  vue init webpack projectname  等待生成。

安装成功,那么项目名,描述等自己根据需求填写。

vue init webpack-simple 生成项目,项目目录为:

vue init webpack生成项目,项目目录为:

当然生成之后项目肯定是不能运行的,为什么呢?因为很多依赖并没有安装(package.json就是你项目所有的依赖声明)

(这些命令安装成功之后也会提示,这非常好。)

cd projectname  (定位到这个项目)

输入命令 npm install  来安装项目所需要的依赖。

安装成功之后 

输入命令:"npm - run - dev" 命令来运行项目 。

而命令--"npm-run-bulid" 是执行发布的。

最后运行,如果出现这样的界面,你就成功了。

© 著作权归作者所有

共有 人打赏支持
wjm1818
粉丝 9
博文 23
码字总数 13235
作品 0
西安
前端工程师
使用vue-cli(vue脚手架)快速搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度,介绍整个搭建的过程。 1. 避坑前言 其实这次使用vue-cli的过程并不顺利,反复尝...

四小七
05/09
0
0
错过了Vue CLI2,还要错过Vue CLI3?

↑ 编者按:本文是来自奇舞团的前端开发工程师 雷梅妹 的分享,CLI2和CLI3到底有什么不同呢?官方所说的功能丰富,无需Eject,即刻创建原型又具体指的是什么呢?答案文章中可寻~ Vue CLI 产生...

奇舞周刊
08/09
0
0
Vue-cli@3.0 插件系统简析

Vue-cli@3.0 是一个全新的 Vue 项目脚手架。不同于 1.x/2.x 基于模板的脚手架,Vue-cli@3.0 采用了一套基于插件的架构,它将部分核心功能收敛至 CLI 内部,同时对开发者暴露可拓展的 API 以供...

滴滴WebApp架构组
09/05
0
0
Vue命令行工具vue-cli

Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可...

韦姣敏
06/23
0
0
搭建 vue2 单元测试环境(karma+mocha+webpack3)

从网上找了很多例子关于单元测试,都是如何新建项目的时候的添加单元测试,用vue-cli中怎么添加,但是我的项目已经生成了,不能再一次重新初始化,这时如何添加单元测试,这里面遇到了好多坑...

nxmin
05/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

ReentrantLock_可重入

package cunrent;import java.util.Calendar;import java.util.concurrent.locks.ReentrantLock;public class TestReentrantLock { public static void main(String[] args......

noteman
38分钟前
2
0
CentOS7下安装mysql5.7

1、安装YUM Repo 由于CentOS 的yum源中没有mysql,需要到mysql的官网下载yum repo配置文件。 wget https://dev.mysql.com/get/mysql57-community-release-el7-9.noarch.rpm 然后进行repo的安...

JungleKing
46分钟前
2
0
DevExpress v18.1新版亮点——DevExtreme篇(三)

用户界面套包DevExpress v18.1日前终于正式发布,本站将以连载的形式为大家介绍各版本新增内容。本文将介绍了DevExtreme JavaScript Controls v18.1 的新功能,快来下载试用新版本!点击下载...

Miss_Hello_World
47分钟前
1
0
LoadRunner 安装

如果安装LoadRunner 11时弹窗提示"Micosoft Visual C++ 2005 SP1 可再发行组件包(X86):'命令行选项语法错误。键入命令 / ? 可获得帮助信息'"。或者弹窗提示"此计算机缺少 vc2005_sp1_wit...

ww1234
56分钟前
1
0
两个时间段相隔自然月Util

public class DateUtil { public static int getDay(Date date) { Calendar calendar = Calendar.getInstance(); calendar.setTime(date); return calend......

木九天
59分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部