将一个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-07-31 22:34:01

将一个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