精华内容
下载资源
问答
  • 刚开始使用vue时,不...如果你升级过vue-cli那么就要下面那个文件你的vue版本了,我就是升级过,虽然vue-cli是3.11.0,但是vue在package里的版本是2.5.2 package.json 分析 如果你是旧版本的时候创建的项目,及...

    刚开始使用vue时,不知道vue还有版本的区别,原来每个版本的vue都有各自的特点,那么如何去选择呢?

    环境

    首先先查询自己的vue版本

    vue --version
    

    在这里插入图片描述
    如果你升级过vue-cli那么就要看下面那个文件你的vue版本了,我就是升级过,虽然vue-cli是3.11.0,但是vue在package里的版本是2.5.2
    package.json
    在这里插入图片描述

    分析

    如果你是旧版本的时候创建的项目,及时你此时升级了vue-cli,那么你创建的项目仍然是2.5.2,替换如下
    https://blog.csdn.net/liu940107600/article/details/96864106

    如何升级

    npm uninstall -g vue-cli
    npm install -g @vue/cli
    yarn global remove vue-cli
    yarn global add @vue/cli

    vue-cli3.0新版本如何创建项目

    vue create testdemo //demo是项目的名字

    然后会让你选择默认或者手动,我选择手动

    在这里插入图片描述
    自定义配置Babel编译、使用Vue路由、Vue状态管理器、CSS预处理器、代码检测和格式化、以及单元测试,a全选,i反选,空格选择,回车确认
    在这里插入图片描述
    这里我们选择Babel + Router + Vuex + Css Processors

    是否选择历史模式,n

    在这里插入图片描述
    选择less
    在这里插入图片描述
    选择存放位置,单独
    在这里插入图片描述
    选择是否保存为模板,否
    在这里插入图片描述
    开始初始化
    在这里插入图片描述
    ok
    在这里插入图片描述

    cd testdemo
    npm run serve

    成功
    在这里插入图片描述

    展开全文
  • 如何运行到手的Vue项目

    千次阅读 2018-06-21 15:39:50
    1.先看项目是否有node_modules,有先行删除了,防止各种引用的版本不正确2.在项目当前目录依次执行 npm install//安装项目所需依赖 npm run build//打包项目 npm run dev//运行3.如果运行完发现报错,不要急,要有耐心...

    笔者也是刚刚接触Vue不就,有什么大家共同探讨哈~

    如何运行呢?

    1.先看项目是否有node_modules,有先行删除了,防止各种引用的版本不正确

    2.在项目当前目录依次执行  

    npm install//安装项目所需依赖
    
    npm run build//打包项目
    
    npm run dev//运行
    3.如果运行完发现报错,不要急,要有耐心,缺少什么安装什么,如果局部不行就直接安装全局
    展开全文
  • 然后用vue-cli3 初始化项目添加完bootstrap-vue版本后,没看到能编辑scss地方。我需要定制bootstrap,但是已经没看到跟bootstrap4.3一样scss了。有遇到过兄弟么,去哪里编辑bootstrapscss啊。 问题是根源...
  • 如何快速搭建vue项目

    2021-02-04 20:02:06
    vue版本对node版本是有些要求。 如果你从没安装过那就问题不大,我们接着下去吧。 PS:node安装部分我这边就不做太多介绍了,毕竟教程还是很多也不是特别复杂。只不过需要注意点,一定要记得安装全局变量,...

    如何快速搭建vue项目

    说到快速搭建项目,第一个肯定想到的就是脚手架咯,所以本章节就说说如何使用脚手架进行单页面应用的搭建吧。

    (后续有关vue的知识点全部依赖于当前项目进行。)

    1:安装node.js。版本要求v8.9以上。如果是几年前的老项目的话,可以对框架进行升级,否则会有一堆的报错。vue版本对node版本是有些要求的。
    如果你从没安装过那就问题不大,我们接着看下去吧。

    PS:node安装部分我这边就不做太多介绍了,毕竟教程还是很多也不是特别复杂的。只不过需要注意的点,一定要记得安装全局变量,不然你写的时候会发现,哎哟,npm不存在,或者找不到之类的。电脑右击属性然后按照下图依次点击配置即可。
    在这里插入图片描述

    2:安装好node.js后,最好安装淘宝镜像,不然npm安装依赖的时候,有些东西可能无法安装或者速度过慢。
    跳入控制台也就是cmd后输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,安装成功后即可使用cnpm,如安装项目依赖的话就是cnpm install 或者安装axios就是 cnpm install axios

    3:安装好镜像和nodejs后即可步入正题,安装vue脚手架。
    命令:cnpm install --g vue-cli
    安装完成后,选择文件夹创建项目。

    1. 打开命令行,跳转至文件夹中输入命令:vue create 项目文件名。
    2. 之后会弹窗出现如下图:在这里插入图片描述
      根据描述选择你所需要的部分即可。
    3. 等待安装完成后,进入创建的文件夹中,你会发现项目已经创建成功了,文件部分如下图:
      在这里插入图片描述
    4. 在根目录部分打开命令行:cnpm run serve
      在这里插入图片描述
      出现如上图所示即为项目创建成功啦!
      打开浏览器输入:localhost:8080,即可运行项目咯。

    下一章节:针对单页面应用项目目录结构设计,各文件作用,以及路由部分封装(暂不考虑权限设计部分)。

    展开全文
  • 点击“了解更多”获取SpreadJS v14.0正式版下载概述SpreadJS 纯前端表格控件 V11.2(SP2)版本已经全面支持了 Vue 拓展,下面我们如何配合 VUE CLI,只需 3 分钟快速构建一个 SpreadJS Vue 工程。1. 安装vue-cli...

    点击“了解更多”获取SpreadJS v14.0正式版下载

    概述

    SpreadJS 纯前端表格控件 V11.2(SP2)版本已经全面支持了 Vue 拓展,下面我们看下如何配合 VUE CLI,只需 3 分钟快速构建一个 SpreadJS Vue 工程。

    b5983c6a9cfbe1ec16340bdf249afb06.png

    1. 安装vue-cli(耗时30 S)

    通过命令:npm install -g @vue/cli 安装(https://cli.vuejs.org/)

    2. 创建 vue-spreadjs 工程(耗时 1 Min)

    请根据项目需求配置工程选项。

    3. 通过npm install 或者在package.json中添加引用的方式安装spread.sheets(耗时20S)

    "@grapecity/spread-excelio": "^11.2.3","@grapecity/spread-sheets": "^11.2.3","@grapecity/spread-sheets-print": "^11.2.3","@grapecity/spread-sheets-resources-zh": "^11.2.3","@grapecity/spread-sheets-vue": "^11.2.3",

    4. 修改 router/index.js 为 spreadJS 页面添加 router(耗时 30 S)

    routes: [{path: '/',name: 'HelloWorld',component: HelloWorld},{path: '/spreadjs',name: 'spreadJS',component: SpreadJS}]

    5. 新建 SpreadJS Component(耗时 30 S)

    请在 components 下添加 SpreadJS.vue 文件

    template 内容:

    Spread.Sheets

    导入导出打印
    Style内容:Script内容:

    workbookInitialized 是 spread 初始化完成后的回调事件,我们可以在事件中得到初始化好的 workbook 对象。

    部署授权需要同时给 Sheets 和 ExcelIO 同时添加,部署授权可以在全局 config 中配置。

    6. 运行项目(耗时 10 S)

    创建 npm install 依赖后,即可通过npm start启动项目

    浏览器访问 http://localhost:8081/#/spreadjs 查看效果。

    只需 3 分钟,一个 SpreadJS 的 Vue 项目就创建完成了,当然纯前端表格控件 SpreadJS 的强大不仅于此,去实际试用感受一下吧!

    SpreadJS | 下载试用

    纯前端表格控件SpreadJS,可满足 .NET、Java、App 等应用程序中的 Web Excel 组件开发、数据填报、在线文档、图表公式联动、类 Excel UI 设计等业务场景,并在数据可视化、Excel 导入导出、公式引用、数据绑定、框架集成中无需大量代码开发和测试,极大降低了企业研发成本和项目交付风险。

    本文转载自葡萄城

    展开全文
  • vue-cli如何升级到最新版本

    千次阅读 2021-02-25 18:24:58
    vue-cli如何升级到最新版本 想用vue-cli脚手架创建vue3.0项目学学,要求vue cli 版本在 4.5.0 以上, vue --version查看了下vue-cli版本 @vue/cli 4.1.1发现版本低了,于是就想着升级一下,官网上了下说: npm...
  • 在之前文章中介绍了如何升级vue项目到最新版本,不可避免要面临一个困扰前端开发一生问题:vuecil4版本如何兼容谷歌ie等不支持es6版本浏览器! 新版本更替,网上很多关于兼容性文章都是vuecil2时...
  • SpreadJS 纯前端表格控件 V11.2(SP2)版本已经全面支持了 Vue 拓展,下面我们如何配合 VUE CLI,只需 3 分钟快速构建一个 SpreadJS Vue 工程。 1. 安装vue-cli(耗时30 S) 通过命令:npm install -g \@vue/...
  • 开发完后,了下网上都是怎么集成,全是一个版本的良田高拍仪集成vue项目把demo中东西直接copy来,就用上了。这样在原生h5项目中使用无可厚非,但是放到vue项目中,直接操作dom,还是不太习惯。自己修改了下,...
  • 闲聊一会儿 >_< 这篇文章只是刚刚打开vue的大门,放轻松~~ 安装node环境 先检测下node版本吧!或许你还没有安装node呢~(如果使用Mac在安装...如果你不到版本话,那就劳烦去官网安装一个吧。当然,...
  • 本章节主要说的是如何完整的搭建一个项目的开发环境 一、1.先安装node 去菜鸟教程 输入 node -v,如果出现相应的版本号,则说明安装成功。 二、安装淘宝镜像 代码如下(示例): npm install -g cnpm --registry...
  • vue如何创建一个项目

    2021-01-17 21:37:26
    安装成功后 通过 node -v 如果成功显示版本号 ,因为我用是VScode 所以用vscode演示了 打开终端 以上是已经安装成功了 第二步 由于npm是国外,使用起来比较慢,我们这里使用淘宝镜像来安装vue 全局安装nrm ...
  • vue-cli脚手架工具构建项目...注意:自己下载的版本号来写! 3、在终端里输入npm install jquery –save-dev 也可以是cnpm install jquery –save-dev 注意:jquery 一定要小写 不然会提示 Please use ‘jquery
  • 很早以前就过大漠这篇博文,当时就觉得很牛逼,那个时候没有在项目中用vue不过也跟着搭建了一个H5适配方式。现在大漠博文都收费了,不过在网上找到了其转载文章,很开心,放下地址:...
  • Vue脚手架最新版本安装使用

    千次阅读 2020-05-19 00:53:16
    怎么的Vue的脚手架版本呢 cmd 命令行 vue -V 注意V为大写 Vue CLl 官网 安装 npm install -g @vue/cli vue -V //检测一下版本 二,如何创建项目 1,安装 vue create 项目名 前面的那些无需打理 走个...
  • 如何在已有的项目上更新老项目的插件,不少刚入门的人一头雾水,本文档提供三步式解决方案,一就懂。
  • 由于 Vue 3 在架构层面上变化,使得我们之前在 Vue 2.x 中使用路由管理器 Vue Router 当前版本已不能继续在 ...Vue Router 4.0在用法上面还是跟之前的版本存在一些小小差别,所以我们今天来一下如何正确...
  • vue/cli快速搭建vue项目

    千次阅读 2020-08-02 14:43:54
    首先我们来看如何使用脚手架创建一个vue项目, 脚手架别人写好一坨代码,它像其他包一样,放在了npm上 npm是一个js包管理工具,它内置在node环境里 首先,安装node 学到这里,你应该已经安好了,如果没有,这里...
  • vue-cli是如何工作

    2020-12-26 05:12:42
    首先通过<a href="https://github.com/vuejs/vue-cli/blob/master/lib/options.js#L14"><code>getOptions</code></a>获取了一些项目的基础配置信息,如项目名,git用户信息等。然后通过<code>metalsmith...
  • 让我们来看看 vue-cli2 自动生成的项目目录,我打上标签,为可能不太理解同学简单描述一下 <p><img alt="" src="http://op0c7euw0.bkt.clouddn.com/15368268730109.jpg" /></p> 这次我们重构主要...
  • What’s CleaveJS?...官方CleaveJS只提供了 原生JS 和 ReactJS 版本的样子也准备出 AngularJS 版了。但是当我把 VueJS 版本的pullrequest过去之后,却得到了这么一条答复: Thanks for playing cle
  • 学习新技术是不可能的,这辈子都不可能,要不是需求有这个,我肯定不学,好了吐槽完毕,开始进行事件日历fullendar v5版本的分享 效果图 首先一哈效果图,这是总览...企鹅自己使用的vue项目,所以保证你的项目是vu.
  • 本文是针对对于完全没有了解过vue 和npm,连运行环境和项目构建都不会小白,对于前端老司机就不用了,浪费时间。 使用npm 与vue-cli 构建vue 项目 第一步:安装运行环境(node与npm) nodeJ官网:...
  • vue-cli 3.0版本webpack打包

    万次阅读 2018-11-21 14:36:24
    项目使用了vue-cli 3版本,发现项目中没有build目录,vue-cli文档后,大致清楚了如何修改 首先在package.json同级目录下创建新文件vue.config.js vue.config.js中内容会覆盖默认打包配置 function ...
  • 上一篇讲到如何搭建前端环境,这一篇我们开始使用Vue CLI来快速生成一个Vue的项目脚手架。 目前Vue CLI有两个版本,新版本Vue CLI3对应@vue/cli,老版本Vue CLI2对应vue-cli。这里分别介绍这两个版本如何创建一个...
  • vue-cli源码学习如何写模板

    千次阅读 2017-07-26 13:47:31
    vue-cli 是 vuejs 官方提供的基于 vuejs 的项目脚手架工具, 可以很快的帮助 vuejs 开发者搭建一个 ...vue-initvue init 是基于第三方模板生成项目的命令. 先下其整体流程:首先, vue cli 获取到输入的参数:# vue
  • 大家好,我来了,本期为大家...轮播图自定义组件-tabs回到顶部Iconfont引入歌曲详情页歌曲播放歌词处理学习目标第一节 Music项目环境第一部分Vue 本届作业聊一聊React和Vue的区别老版本的项目环境如何创建项目第二节...
  • 大家好,我来了,本期为大家...轮播图自定义组件-tabs回到顶部Iconfont引入歌曲详情页歌曲播放歌词处理学习目标第一节 Music项目环境第一部分Vue 本届作业聊一聊React和Vue的区别老版本的项目环境如何创建项目第二节...
  • (本博客默认你已经配置了laravel+vue的项目环境,如果还没有配置好的的小伙伴,可以看看另一篇文章,链接: https://www.jb51.net/article/122369.htm ) 1、下载editor 这个直接去ueditor官网下载其PHP版本...
  • 概述SpreadJS纯前端表格控件 V11.2(SP2)版本已经全面支持了Vue拓展,下面我们如何配合VUE CLI,只需3分钟快速构建一个SpreadJS Vue工程。安装vue-cli(耗时30S)通过命令```npm install -g @vue/cli ```安装...

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 145
精华内容 58
关键字:

如何看项目的vue版本

vue 订阅