搭建vue环境
文章平均质量分 72
众生皆苦唯有我甜
(̿▀̿ ̿Ĺ̯̿̿▀̿ ̿) 互联网软件开发工程师
展开
-
前端项目自动化部署
应用场景通常情况下,项目需要部署上下通常采用下面几种方式以Vue项目为例,打包之后利用指令/工具,利用Scp命令行或FTP将dist目录中的文件上传至服务器Web环境根目录下。利用git服务器,ssh进入web服务器 -> 执行git clone或git pull将项目克隆至服务器 -> 执行npm install -> 执行npm run build。以上两种方式都不是最优解,第一种方式操作步骤繁琐;第二种服务器需要安装node&git环境,并且多了原创 2022-03-29 16:36:04 · 10027 阅读 · 0 评论 -
vue项目基础用法教程(二)
创建项目vue-cli脚手架生成项目vue create 项目名称配置参考vue-router配置vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。我们可以访问其官方网站对其进行学习: https://router.vuejs.org/zh/1. 安装vue-router(创建项目时若已勾选vue-router请忽略)npm install vue-router --save2. 创建路由实例一般在src目录下创建router原创 2022-03-28 14:00:17 · 7538 阅读 · 0 评论 -
vue项目搭建流程
搭建vue环境时遇到的坑,一开始采用 vue init webpack-simple appname 搭建环境,后面发现里面缺少很多东西,需要手动下载,尤其是执行 npm run build 压缩时 不压缩html,小编很苦恼,最后看文档整理出如下经验,请大家多提意见搭建流程一.项目初始化1.全局安装vue-cli cnpm install -global vue-cli2.初始化...原创 2019-07-19 16:49:41 · 313 阅读 · 0 评论 -
Vue中axios的封装-api接口的统一管理
vue中axios的封装在vue项目和后端交互获取数据时,通常使用axios库,官方文档:https://www.npmjs.com/package/axios。浅谈在项目中axios的简单二次封装安装npm install axios; //安装axios//cnpm install axios;//或者使用镜像下载.引入组件通常情况下,在项目src目录下创建request文件夹...原创 2019-07-30 16:23:57 · 8308 阅读 · 1 评论 -
局域网内访问vue项目
1.首先获取本地IP地址2.在vue项目中的config文件中的index.js内,将host的配置改为本地的IP。如3.在vue项目中的package文件中,在script内的dev中加入 – host 本地IP。如3.重启项目 npm run dev 。然后通过访问本地ip+端口号就可以局域网内访问了。...原创 2019-07-31 19:05:34 · 655 阅读 · 0 评论 -
vue cli3.0+ts学习心得
占坑 后续更新原创 2019-08-26 18:51:55 · 332 阅读 · 0 评论