将一个js项目改造成vue项目

本地环境:node版本:8.11.4 vue版本:3.4.1; 开发工具vscode

1、创建一个空的vue项目(vue create bigdata_reprot_web)

2、找到项目的空白页,改造该页面

改造思路:先把依赖的css,和js一个个的引入到 vue项目中,每引入一个,看看是否生效了

顺序:

jquery(虽然vue不建议使用jquery)

bootstrap.min.js

jquery.slimscroll.min.js

beyond.js(这个是该项目的主要js)

引入beyond.js

Npm run serve 启动程序,首页生效,改造完毕。

有问题q我,微信号: laiyidafeichang

原文地址:https://www.cnblogs.com/kfLu/p/10461037.html

时间: 2024-10-10 20:06:24

将一个js项目改造成vue项目的相关文章

如何将原有 Weex 项目改造成 Vue 版本

Weex 本身有一套语法规则,和 Vue 本身很相似,现在 Weex 与 Vue 有了官方合作,支持将 Vue 2.x 作为内置的前端框架,我们也推荐大家使用 Vue 2.x 的语法开发原生应用.对于现存旧版的 .we 文件,建议大家将其改造成 Vue 版本. 要解决的问题 将内核切换成 Vue 之后,原先基于 Weex 语法开发的项目将如何过渡到 Vue ? 首先需要明确一点:Weex 原有的前端框架也会继续存在于 WeexSDK 中,依然支持 .we 文件格式的写法. 此外,由于 .we 和

Java项目改成Web项目

第一步:点击要改的项目 第二步:File -- Properties -- 就可见下图 第三步:把Dynamic Web Module 勾上 确认 即可 Java项目改成Web项目,布布扣,bubuko.com

html,js,css合并到vue项目中

项目目录 : -webpage下有src和static文件夹,src下有assets文件夹   -webpage -src -assets -static 一.html文件改成.vue格式的文件demo.vue,内容修改成如下 <template> </template> <script> export default{ } </script>二.将css文件放到assets文件夹下,将js文件放到static文件夹下三.demo.vue代码中 <sc

Vue.js系列(一):Vue项目创建详解

引言 Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式.本文旨在帮助大家认识Vue.js,并详细介绍使用vue-cli脚手架工具快速的构建Vue项目,以及对项目目录结构的解释说明,使大家清晰的了解Vue项目的开发流程. 简介 Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项

将Myeclipse项目改成Eclipse项目

由于项目需求,需要将原来Myeclipse项目转移到Eclipse中去.搞了半天才搞出来,分享给大家,希望对大家有用. 首先导入一个从Myeclipse导出的项目 然后无法进行tomcat发布. 但是Myeclipse项目和Eclipse项目结构有些不同,所以这里我们可以通过Eclipse插件来进行修改. 选中项目,点击鼠标右键.选择Properties – > Project Facets 这里选择Dynamic Web Module,版本选择2.4.然后点击OK 这时你对发现多了一个WebC

vs2008将 win32项目改为console项目

属性-linker-system-subsystem 原文地址:https://www.cnblogs.com/fply/p/10373695.html

vue项目搭建和开发流程 vue项目配置ElementUI、jQuery和Bootstrap环境

目录 一.VUE项目的搭建 1. 环境搭建 2. 项目的创建和启动 二. 开发项目 1. 配置vue项目启动功能 2. 开发vue项目 (1)项目文件的作用 (2)vue项目开发流程 (3)vue项目的请求生命周期 三.vue项目中的功能 1. 路由相关的标签和方法 2. 路由配置 (1)无路由传参的路由配置方法 (2)路由传参的路由配置方法 3. 页面的跳转功能 (1)标签跳转 (2)逻辑跳转(路由跳转) 四.JS原型 五.vue组件生命周期钩子 六.vue的ajax插件:axios 七.vu

cordova+vue 项目打包成Android(apk)应用

现在使用vue开发的项目越来越多,使用vue开发的移动端打包就成了最大的问题.现在前端打包方案有好多种,但是综合来说,我比较喜欢用cordova来进行Android和ios的打包,配置完成之后,每次只需要一条命令就可以完成打包. 1.安装cordova这一步的前提是已经完成安装node和npm,如果没有安装的话,请先完成node和npm的安装.node安装:直接进入官网https://nodejs.org/zh-cn/,下载最新版本安装.安装之后在命令行中使用"node -v" 检查安

visual studio2017 创建Vue项目

1:打开Visual studio 2017后 按图片操作新建项目 也可以使用快捷键Ctrl+Shift+N  进入创建项目页面 2:选择JavaScript 里的Node.js创建对应的Vue项目 如果没有javaScript对应的node.js选项 打开最下面的visual studio安装程序 安装对应的node程序 *注意硬盘空间 3:创建完成后打开项目 进行开发 原文地址:https://www.cnblogs.com/BoyJoan/p/9935941.html