文档章节

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
粉丝 10
博文 25
码字总数 13714
作品 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
10、手把手教 Vue--Mint UI 使用

PS:转载请注明出处 作者: TigerChain 地址: https://www.jianshu.com/p/db776b507065 本文出自 TigerChain 简书 手把手教 Vue 系列 教程简介 1、阅读对象 本篇教程适合新手阅读,老手直接略...

TigerChain
10/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql load data 批量导入使用

最近在研究使用mycat,其中有使用批量数据导入,简单记录一下使用方式。 查看系统属性 mysql>show variables like '%secure%'+--------------------------+-----------------------+| Vari...

FansinZhao
11分钟前
0
0
浅谈React的最大亮点——虚拟DOM

在Web开发中,需要将数据的变化实时反映到UI上,这时就需要对DOM进行操作,但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因,为此,React引入了虚拟DOM(Virtual DOM)的机制。 一、什么是...

peakedness丶
14分钟前
0
0
下一代大数据处理引擎,阿里云实时计算独享模式重磅发布

摘要: 11月14日,阿里云重磅发布了实时计算独享模式,即用户独享一部分物理资源,这部分资源在网络/磁盘/CPU/内存等资源上跟其他用户完全独立,是实时计算在原有共享模式基础上的重大升级。...

阿里云官方博客
19分钟前
0
0
Spring MVC 测试样例

1、需要javax.servlet-api V3.0以上支持 <!--3.0以上版本--> <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-......

jcc_codingBoy
21分钟前
2
0
kettle增量同步oracle数据到mysql

kettle增量同步oracle数据到mysql 适合表中有更新时间的字段 kettle安装 绿色,下载后解压即可(略), -> Download 连接数据库 需要导入jdbc相关驱动jar包到lib目录(oracle、mysql对应jar...

o00o
25分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部