vue-cli(vue脚手架)
vue-cli用于自动生成vue+webpack项目。
安装webpack:npm install webpack -g
检查webpack是否安装成功和版本:webpack -v
如果是webpack 4.x之后版本需要安装webpack-cli依赖
vue-cli全局安装:npm install vue-cli -g
坚持是否安装成功及版本:Vue -V
初始化项目(先进入到项目所在的路径):vue init <template name> <project name>
vue init webpack myproject
webpack:表示一个全面的webpack+vue-loader的模板,
在提示处输入对应的信息:
Vue build (Use arrow keys)
 Runtime + Compiler: recommended for most users
 Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific H
ML) are ONLY allowed in .vue files - render functions are required elsewhere
这里选择Runtime + Compiler
选择cd进入项目文件所在目录
安装npm依赖:npm install 安装所有的npm依赖,如果是安装某一个依赖就是npm install <依赖名>
启动项目:npm run dev
输入网址打开页面:http://localhost:8080

退出运行:Ctrl+c
打包上线:npm run build
https://blog.csdn.net/wulala_hei/article/details/80488674
https://blog.csdn.net/weixin_40408910/article/details/81279305
https://blog.csdn.net/qq_34320300/article/details/78546141
https://blog.csdn.net/ShaniquaWang/article/details/72859600
https://segmentfault.com/a/1190000008644830
vue-cli(vue脚手架)的更多相关文章
- vue cli & vue 3.x
		vue cli & vue 3.x https://cli.vuejs.org/dev-guide/ui-api.html#ui-api https://cli.vuejs.org/zh/gu ... 
- vue cli创建脚手架
		1.用vscode打开一个文件夹.在菜单栏 点击 查看-集成终端.这里可以用其他的方法比如cmd命令符调开这个界面,但是要用cd 切到要放文件的文件夹下. 2.安装好node.js 和淘宝镜像 3. ... 
- 13. Vue CLI脚手架
		一. Vue CLI 介绍 1. 什么是Vue CLI? Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.Vue CLI 致力于将 Vue 生态中的工具基础标准化.它确保了各种构建工 ... 
- Vue CLI 3+tinymce 5富文本编辑器整合
		基于Vue CLI 3脚手架搭建的项目整合tinymce 5富文本编辑器,vue cli 2版本及tinymce 4版本参考:https://blog.csdn.net/liub37/article/ ... 
- vue cli 3
		介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 通过 @vue/cli 搭建交互式的项目脚手架. 通过 @vue/cli + @vue/cli-service-global 快 ... 
- Vue Cli安装以及使用
		因为公司项目要用vue框架,所以会用vue-cli来新建项目.用过vue的都知道,要全局安装vue以及脚手架vue-cli,然后执行vue init webpack projectname来新建v ... 
- vue学习笔记——脚手架安装
		项目启动:npm run build 脚手架 vue cli vue cli --2 安装命令 #全局安装 npm install --global vue-cli #卸载vue-cli npm u ... 
- Vue CLI 介绍安装
		https://cli.vuejs.org/zh/guide/ 介绍 警告 这份文档是对应 @vue/cli 3.x 版本的.老版本的 vue-cli 文档请移步这里. Vue CLI 是一个基于 V ... 
- 【vue】---- 新版脚手架搭建项目流程详解
		一.概述 本文将介绍vue项目完整的搭建流程,在使用新版本的脚手架基础上,进行了一系列的完善和配置.主要内容如下: 1.项目初始化 安装脚手架 创建项目 项目结构 2.项目搭建配置 引入第三方插件 路 ... 
- Vue CLI 是如何实现的 -- 终端命令行工具篇
		Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供了终端命令行工具.零配置脚手架.插件体系.图形化管理界面等.本文暂且只分析项目初始化部分,也就是终端命令行工具的实现. 0. 用法 ... 
随机推荐
- 【vue】vue +element 搭建项目,使用el-date-picker组件遇到的坑
			1.html <el-form-item prop="dateTime"> <el-date-picker v-model="messageDataFo ... 
- 深度学习框架PyTorch一书的学习-第三章-Tensor和autograd-1-Tensor
			参考https://github.com/chenyuntc/pytorch-book/tree/v1.0 希望大家直接到上面的网址去查看代码,下面是本人的笔记 Tensor Tensor可以是一个数 ... 
- StringRedisTemplate操作Redis
			在说到StringRedisTemplate操作Redis数据的时候,我们顺便谈谈StringRedisTemplate和RedisTemplate的区别. 一.StringRedisTemplate ... 
- 使用后台线程BackgroundWorker处理任务的总结
			在一些耗时的操作过程中,在长时间运行时可能会导致用户界面 (UI) 处于停止响应状态,用户在这操作期间无法进行其他的操作,为了不使UI层处于停止响应状态,我们倾向推荐用户使用BackgroundWor ... 
- 开启Tomcat的manager页面访问
			如何进入Tomcat的manager页面 一张图解决! 找到conf目录下的tomcat-users.xml文件,打开. <role rolename="admin-gui" ... 
- springcloud(十三):Eureka 2.X 停止开发,但注册中心还有更多选择:Consul 使用详解
			在上个月我们知道 Eureka 2.X 遇到困难停止开发了,但其实对国内的用户影响甚小,一方面国内大都使用的是 Eureka 1.X 系列,另一方面 Spring Cloud 支持很多服务发现的软件, ... 
- Vue常规后台系统,路由懒加载实现基于菜单数据并解耦
			路由依赖菜单 场景:文件名与路由组件名完全一致(随便大小写均可) 菜单使用一套,路由又存在一套,这样就很不舒服,于是做了如下处理: 尝试不用懒加载发现有难度,使用懒加载就很轻松了 data.js ex ... 
- Nodejs mongoose 详解
			前言 Mongoose 是在nodejs环境下,对mongodb进行便捷操作的对象模型工具.本文介绍解(翻)密(译)Mongoose插件. Schema 开始我们就要讲到Schema,一个Schema ... 
- OSS网页上传和断点续传(终结篇)
			有了之前OSS网页上传和断点续传(OSS配置篇)和(STSToken篇),其万事俱备只欠东风啦,此终结篇即将展示OSS上传文件及断点续传的无限魅力... 网络卡顿.延迟能续传吗?能! 关了浏览器,还能 ... 
- 钢琴培训班课程、课时及费用管理系统已提供ACM3.0新版下载
			中小型艺术培训班课程.课时及费用管理系统. 2014新版 ACM3测试版下载:http://www.cnblogs.com/Charltsing/p/ACM3.html 您有任何功能需求,欢迎QQ 5 ... 
