1、node安装 node -v 查看安装的node版本 2、vue-cli 全局安装 命令行执行 : npm install -g vue-cli // 加-g安装到全局 安装完成以后 可以输入命令 :vue 回车,可以看到针对vue的命令行; 3、初始化项目 执行命令: vue init web ...
分类:
其他好文 时间:
2020-04-10 11:53:07
阅读次数:
50
输入 vue ui 自动弹出这个界面 创建项目 选择创建的位置 创建新项目 输入项目名,合法即可,其它不用管 选择我们的配置方式,咱们先手动 选中一些我们需要的功能 修改下配置标准 是否保存模板,保存一下,方便下次创建 等待创建完成 我们可以查看项目依赖的一些信息,也可以按照依赖,先来启动项目 点右 ...
分类:
其他好文 时间:
2020-04-09 10:41:26
阅读次数:
53
打开VScode 因为没有yarn工具,方方老师极力推荐用yarn不用npm,就去下载了yarn 在VScode中端输入命令 输入命令yarn global add@vue/cli[@3.9.2]为了和老师版本保持一致我也下载了3.9.2的 通过vue create[项目名]创建自己的项目 如果用. ...
分类:
其他好文 时间:
2020-04-06 23:28:31
阅读次数:
73
基于 vue cli3 创建一个移动端项目 安装 postcss 相关插件 由于 vue cli 已经内置了 postcss,只需要安装相关插件,就可以实现 自适应布局。 下面简单的说一下这几个插件的作用。 用来把px单位转换为vw、vh、vmin或者vmax这样的视窗单位,也是vw适配方案的核心插 ...
分类:
移动开发 时间:
2020-04-06 11:35:30
阅读次数:
131
虽然设置过淘宝镜像npm install-g cnpm --registry=https://registry.npm.taobao.org 但是通过vue init webpack projectName新建项目是和淘宝镜像没关系的,因为vue-cli 用的是 npm 源,所以只要设置 npm 源 ...
分类:
其他好文 时间:
2020-04-06 09:34:47
阅读次数:
244
TinyMec富文本编辑器开源,而且开发人员对他的支持比较好,所以选用了它 https://liubing.me/vue-tinymce-5.html 基于Vue CLI 3脚手架搭建的项目整合tinymce 5富文本编辑器,vue cli 2版本及tinymce 4版本参考:https://blo ...
分类:
其他好文 时间:
2020-04-05 23:53:26
阅读次数:
482
一、创建一个vue项目 用脚手架vue-cli搭建一个项目,数据请求用axios方式,写几个按钮用来调接口(vue这块不做多解释,不懂的可以先去官网学习vue-cli:https://cli.vuejs.org/zh/guide/cli-service.html axios:http://www.a ...
分类:
数据库 时间:
2020-04-05 20:07:43
阅读次数:
96
1.安装 webpack 和vue-cli 模块: npm install webpack -g --registry=https://registry.npm.taobao.org npm install vue-cli -g --registry=https://registry.npm.tao ...
分类:
Web程序 时间:
2020-04-05 20:05:37
阅读次数:
236
Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js,并详细介绍使用vue-cli脚手架工具快速的创建Vue项目,以及对项目目录结构的解释说明,使大家清晰的了解Vue项目的开发流程。 ...
分类:
Web程序 时间:
2020-04-05 09:32:12
阅读次数:
102
//首先以下仅是记录个人本次vue后台管理系统的登录界面部分操作的流程以及踩坑的注意点 一、首先是搭建vue-cli工作环境 这里有两种方式:1.用npm;(在安装了vue,vue-cli以及webpack情况下,cd到要工作的区域,使用命令行vue init webpack(项目名称)然后开始搭建 ...
分类:
其他好文 时间:
2020-04-05 00:18:16
阅读次数:
76