VUE搭载脚手架

搭载环境

控制台输入

npm install -g @vue/cil

查看版本

创建vue项目

创建完后会显示启动服务的指令

这个指令可以在package.json中修改成你喜欢的npm run XXX

但只有在scripts中配置了 vue-cli-service serve与vue-cli-service build文件，才能运行相应的run的命令

有些vue的版本运行的是build/dev-server.js与build/build.js文件，所以运行指令是npm run dev

npm run dev/serve与bpm run build的区别，可以参考着这个看一下

关于vue的npm run dev和npm run build

还有一点要注意的是，vue文件中的node_modules文件夹里面有很多文件，所以在上传到Git等其他地方时是不会包含这个文件夹的，在其他地方下载的vue的文件要记得在其目录下运行

npm install

会把node_modules下载下来

其实在.gitignore文件中可以看到

有什么你不想上传的或是不方便上传到Git的文件夹也可以放在里面

案例练习

使用vue实现简单的待办事项

可以选择搭载element-UI进行前端页面开发

记录21.07.26 —— Vue/cil的更多相关文章

记录21.07.24 —— Vue的组件与路由
VUE组件作用:复用性创建组件的三种方式第一种:使用extends搭配component方法第二种:直接使用component方法只有用vue声明且命名的才称之为创建组件注意:templa ...
记录21.07.23 —— Vue.js基础（二）
Vue基础(二) 过滤器过滤器作用全局过滤器输出结果私有过滤器输出结果把其中一个做点修改错误信息自定义指令全局自定义指令私有自定义指令钩子函数注意:fond-weight是粗细 ...
记录21.07.22 —— Vue.js基础（一）
VUE基础语雀课件地址 Vue.js框架 Vue中文文档 Vue.js 创建vue项目 ①在一个空项目中引入vue的js文件 <script src="https://cdn.jsd ...
记录21.07.21 —— ES6基础
学习目录课件地址: ES6核心技术课件 1.let关键字 1.1 let与var的区别 ①let不能重复定义 ②块作用域的区别 ③变量声明之前let不能使用,var可以 ④ 课件代码 <htm ...
记录21.07.20 —— js语言回顾
js语言回顾 1.语法 a并没有声明,也可以输出,不会报错. 添加一条语句则需要声明,称之为严谨语法 2.数组 2.1数组遍历三种方法 for-in与for-of forEach forEach调用 ...
2021.07.26 P1010 幂次方（数论）
2021.07.26 P1010 幂次方(数论) [P1010 NOIP1998 普及组] 幂次方 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 重点: 1.二进制题意: 用20 ...
vue基础 (三) 自动化工具（Vue CIL）
一.自动化工具(Vue CIL) 安装过程 1. 先安装nvm 参考:https://www.jianshu.com/p/d0e0935b150a https://www.cnblogs.com/tj ...
2018-10-15 21:07:38 c language
2018-10-15 21:07:38 c language C语言编译器,神奇的魔法师在类 UNIX 系统(Linux.Mac OS 等)下,可执行程序没有特定的后缀,系统根据文件的头部信息来判断 ...
2021.07.26 P1022 计算器的改良（字符串）
2021.07.26 P1022 计算器的改良(字符串) 改进: 如果是我出题,我一定把未知数设为ab.buh.bluesky之类的长度不只是1的字符串! 题意: 一个一元一次方程,求解. 分析: 1 ...

随机推荐

Kubernetes使用节点亲缘性将POD调度到特定节点上
节点污点可以用来让pod远离特定的节点,尽量在不修改已有pod信息的前提,通过在节点添加污点信息,来拒绝pod在某些节点上的部署. 而现在介绍一种叫做节点亲缘性,通过明确的在pod中添加的信息,来决定 ...
13.6Comparable接口
要点提示:Comparable接口定义了conpareTo方法,用于比较对象. public interface Comparable<E>{ piblic int compareTo(E ...
巧用SpringBoot扩展点EnvironmentPostProcessor
我们的项目是单体项目,使用的是springboot的框架,随着对接的外部服务越来越多,配置文件越来越臃肿..我们将对接的外部服务的代码单独抽离出来形成service依赖,之后以jar包的形式引入,这时 ...
CentOS6.5 mini安装到VirtualBox虚拟机中
下载Oracle VM VirtualBox 下载下来安装下载镜像 http://archive.kernel.org/centos-vault/6.5/isos/i386/CentOS-6.5-i ...
Python 脚本退出
return:在定义函数时从函数中返回一个函数的返回值,终止函数的执行. os._exit(),sys.exit(),exit(),quit()都能够退出当前执行脚本,差别在于os._exit()直接 ...
linux学习之路第二天（xshell和xftp的使用图解）
以上xshell的连接过程 2.远程上传和下载文件xftp6 一定要换成22和sftp,否则连接不上如果出现中文乱码的情况先点击那个小齿轮再点击选项把编码编程UTF-8就ok了
NAT444技术简介
嘛,最近老师布置了一道题目与NAT444技术相关,遂收集一波相关资料. 首先来一波名词解释: ICP:网络内容服务商(Internet Content Provider) BRAS:宽带远程接入服务( ...
WSL中使用systemctl报错问题
Windows10里面自带的wsl中安装docker后不支持systemctl命令.需要更换命令,用Sysvinit的命令代替systemd,命令如下: Systemd command Sysvini ...
短视频：用快影制作3D音乐视频
用快影制作3D音乐视频1打开快影点击开始剪辑导入一张风景照片,按住照片向后拉到自己需要的时长2点击画中画,点击新增,画中画,导入一张照片3点击模板,选择圆形,调整圆形的大小,摆放到上面合适的位置,按照 ...
asp.net c# 保存图片到sql2008
//图像数据表:tx//字段id (nvarchar(50) ,image(image)//tgav为图片ID,实质为上传前的主名 (省略了.jpg)private void kkkkk(byte[] ...

记录21.07.26 —— Vue/cil