精华内容
下载资源
问答
  • vue项目安装插件

    2021-11-03 10:15:14
    1、vue-router npm install vue-router --save 2、element-ui 第一步 安装依赖包 npm i element-ui –S 第二步 在入口文件中导入 导入 Element-UI 相关资源 ...// 配置 Vue 插件 Vue.use(ElementUI); 3

    1、vue-router

    
    npm install vue-router --save
    
    

    2、element-ui

    第一步 安装依赖包 npm i element-ui –S 或者 npm install element-ui --save
    
    
    第二步 在入口文件中导入   导入 Element-UI 相关资源
    
    import ElementUI from 'element-ui';
    // 导入组件相关样式
    import 'element-ui/lib/theme-chalk/index.css';
    // 配置 Vue 插件
    Vue.use(ElementUI);
    

    3、axios

    安装到开发环境      npm axios --save-dev
    
    npm axios --save
    

    4、less

    npm install less less-loader --save
    
    npm install less-loader@5.0.0 --save
    npm install less --save
    

    5、nrm

    npm install nrm -g
    nrm ls
    nrm use taobao
    
    

    6、sass

    npm install css-loader style-loader --save-dev
    
    npm install node-sass sass-loader --save-dev
    
    npm install sass-loader@7.3.1 --save-dev
    

    7、webpack

     npm install webpack@3.6.0 -g
    

    8、路由懒加载

    npm install --save-dev @babel/plugin-syntax-dynamic-import
    
    展开全文
  • 1、安装npm install pinyin-match --save,如果出现安装错误 -4058的话,请看第二步 2、将指定路径下的node_modules文件删除掉(node_modules文件全删掉) 3、清除缓存:npm cache clean --force 4、npm install -g ...

    1、安装npm install pinyin-match --save,如果出现安装错误 -4058的话,请看第二步
    2、将指定路径下的node_modules文件删除掉(node_modules文件全删掉)
    3、清除缓存:npm cache clean --force
    4、npm install -g cnpm --registry=https://registry.npm.taobao.org(淘宝镜像)
    5、安装依赖(我使用淘宝镜像安装依赖): cnpm install
    6、再次用 cnpm install pinyin-match --save 就OK了

    展开全文
  • V U E 教 程 一、安装 ...(2)安装vue命令:npm install vue 3、查看Vue版本 vue -V 4、安装最新的Vue-cli npm install -g @vue/cli 5.创建Vue项目(这里要先 cd 进入需要创项目的目录 ) vue crea

    V U E 教 程

    一、安装

    1、直接使用script标签和CDN进行引用

    2、使用npm命令安装

    (1)安装npm:node.js下的包管理器。直接下载安装最新版的node.js就可以使用npm命令。网址:http://nodejs.cn/download/

    (2)安装vue命令:npm install vue

    3、查看Vue版本

    vue -V
    

    4、安装最新的Vue-cli

    npm install -g @vue/cli
    

    5.创建Vue项目(这里要先 cd 进入需要创项目的目录 )

    vue create projectname
    

    6、vue-devtools vue调试工具的安装和使用

    • 1、下载

      • https://github.com/vuejs/vue-devtools
    • 2、在vue-devtools目录下安装依赖包(必须在管理员权限下安装)

      • npm install
        
    • 3、 修改manifest.json文件把"persistent":false改成***true***

    • 4、编译代码

      • npm run build
        
    • 5、扩展Chrome插件

      • Chrome浏览器 > 更多程序 > 拓展程序
      • 选择 vue-devtools-dev > shells > chrome

    二、插件以及工具的安装

    1、JQuery的安装

    npm install jquery --save-dev
    在main.js中添加
    import $ from 'jquery'
    

    2、axios安装

    npm install axios --save-dev
    在main.js中添加
    import axios from 'axios'
        
    Vue.prototype.$axios = axios
    

    3、BootStrao安装

    npm install bootstrap -S
    npm install --save popper.js
    在main.js中添加
    import 'bootstrap/dist/css/bootstrap.min.css'
    import 'bootstrap/dist/js/bootstrap.min.js'
    import 'font-awesome/css/font-awesome.min.css'
    

    4.ElementUI安装

    npm i element-ui -S
    在main.js中添加
    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';
    
    Vue.use(ElementUI);
    

    5.Vant安装

    简写形式:npm i vant -S
    完整形式:npm install vant -save
    如果网速慢的情况下可以使用淘宝镜像安装,不建议使用cnpm
    npm install vant --save --registry=https://registry.npm.taobao.org
    
    1、方式三. 导入所有组件Vant 支持一次性导入所有组件,引入所有组件会增加代码包体积,因此不推荐这种做法
    import Vant from 'vant';
    import 'vant/lib/index.css';
    
    Vue.use(Vant);
    
    2、手动按需引入(在不使用插件的情况下,可以手动引入需要的组件)
    import Button from 'vant/lib/button';
    import 'vant/lib/button/style';
    
    3、方式一. 自动按需引入组件 (推荐)

    说明:babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式

    安装插件babel-plugin-import

    # 安装插件
    npm i babel-plugin-import -D
    
    

    在.babelrc 中添加配置 // 注意:webpack 1 无需设置 libraryDirectory

    {
      "plugins": [
        ["import", {
          "libraryName": "vant",
          "libraryDirectory": "es",
          "style": true
        }]
      ]
    }
    // 接着你可以在代码中直接引入 Vant 组件
    // 插件会自动将代码转化为方式二中的按需引入形式
    import { Button } from 'vant';
    Vue.use(Button);
    

    // 对于使用 babel7 的用户,可以在 babel.config.js 中配置

    module.exports = {
      plugins: [
        ['import', {
          libraryName: 'vant',
          libraryDirectory: 'es',
          style: true
        }, 'vant']
      ]
    };
    

    // 接着你可以在代码中直接引入 Vant 组件 // 插件会自动将代码转化为方式二中的按需引入形式

    <van-button type="primary">主要按钮</van-button>
    
    方式二. 手动按需引入组件

    在不使用插件的情况下,可以手动引入需要的组件

    import Button from 'vant/lib/button';
    import 'vant/lib/button/style';
    
    6.MintUI安装
    // 安装
    # Vue 1.x
    npm install mint-ui@1 -S
    # Vue 2.0
    npm install mint-ui -S
    
    // 引入全部组件
    import Vue from 'vue';
    import Mint from 'mint-ui';
    Vue.use(Mint);
    // 按需引入部分组件
    import { Cell, Checklist } from 'mint-ui';
    Vue.component(Cell.name, Cell);
    Vue.component(Checklist.name, Checklist);
    

    三、补充创建项目内容

    1.打开cmd窗口

    2.cd 进入到需要创建项目的目录下

    3.运行以下命令来创建一个新项目:

    vue create hello-world
    

    警告

    如果你在 Windows 上通过 minTTY 使用 Git Bash,交互提示符并不工作。你必须通过 winpty vue.cmd create hello-world 启动这个命令。不过,如果你仍想使用 vue create hello-world,则可以通过在 ~/.bashrc 文件中添加以下行来为命令添加别名。 alias vue='winpty vue.cmd' 你需要重新启动 Git Bash 终端会话以使更新后的 bashrc 文件生效。

    你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。

    CLI 预览

    这个默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们是面向生产的项目更加需要的。

    CLI 预览如果你决定手动选择特性,在操作提示的最后你可以选择将已选项保存为一个将来可复用的 preset。我们会在下一个章节讨论 preset 和插件。

    ~/.vuerc

    被保存的 preset 将会存在用户的 home 目录下一个名为 .vuerc 的 JSON 文件里。如果你想要修改被保存的 preset / 选项,可以编辑这个文件。

    在项目创建的过程中,你也会被提示选择喜欢的包管理器或使用淘宝 npm 镜像源以更快地安装依赖。这些选择也将会存入 ~/.vuerc

    vue create 命令有一些可选项,你可以通过运行以下命令进行探索:

    vue create --help
    
    用法:create [options] <app-name>
    
    创建一个由 `vue-cli-service` 提供支持的新项目
    
    
    选项:
    
      -p, --preset <presetName>       忽略提示符并使用已保存的或远程的预设选项
      -d, --default                   忽略提示符并使用默认预设选项
      -i, --inlinePreset <json>       忽略提示符并使用内联的 JSON 字符串预设选项
      -m, --packageManager <command>  在安装依赖时使用指定的 npm 客户端
      -r, --registry <url>            在安装依赖时使用指定的 npm registry
      -g, --git [message]             强制 / 跳过 git 初始化,并可选的指定初始化提交信息
      -n, --no-git                    跳过 git 初始化
      -f, --force                     覆写目标目录可能存在的配置
      -c, --clone                     使用 git clone 获取远程预设选项
      -x, --proxy                     使用指定的代理创建项目
      -b, --bare                      创建项目时省略默认组件中的新手指导信息
      -h, --help                      输出使用帮助信息
    

    使用图形化界面

    你也可以通过 vue ui 命令以图形化界面创建和管理项目:

    vue ui
    

    上述命令会打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程。

    图形化界面预览

    四丶删除node_modules 删除之后,输入以下命令(一定这个顺序):

    1 npm install vue-template-compiler -D
    
    2 npm install
    
    3 npm run dev
    
    展开全文
  • Vue安装uuid插件

    2021-05-12 08:46:10
    一、在WebStorm中执行命令,安装插件 npm i vue-uuid 二、项目中引入uuid的依赖包 一、局部引用,使用的时候直接使用uuid.方法 使用: 二、全局引用,使用的时候直接使用$uuid.方法

    一、在WebStorm中执行命令,安装插件

    npm i vue-uuid
    

    二、项目中引入uuid的依赖包

    一、局部引用,使用的时候直接使用uuid.方法

    在这里插入图片描述
    使用:
    在这里插入图片描述

    二、全局引用,使用的时候直接使用$uuid.方法在这里插入图片描述

    展开全文
  • 下载 官网下载vscode:https://code.visualstudio.com/ 安装 下载完成后,双击安装 ...选择安装目录 ...点击下一步完成安装。...安装插件 ...以上是我开发前端Vue安装插件。根据自己的需求安装适当的插件, ...
  • 如何通过vue可视化工具安装插件和依赖呢 这里我们以当下比较流行的两个框架为例。 (1)如何导入elementUI插件 查看已安装插件 (1)如何导入axios依赖 查看安装的依赖 至此通过vue可视化工具安装插件和...
  • vue安装或卸载插件

    2021-01-29 11:56:30
    1、安装插件 npm install --save qrcode 2、卸载插件 npm uninstall qrcode
  • vue devtools是一款基于chrome浏览器的用于调试Vue.js应用程序的插件,可以使得开发人员大大提高调试效率。支持用户对DOM结构数据结构进行解析和调试功能。需要的朋友可下载试试!由于vue是数据驱动的,所以这就存在...
  • Vue安装支持SCSS插件

    2021-04-15 15:58:22
    Vue安装支持SCSS插件 cnpm install node-sass --save-dev //安装node-sass cnpm install sass-loader --save-dev //安装sass-loader cnpm install style-loader --save-dev //安装style-loader 安装完成后...
  • Vue入门、插件安装

    2020-12-21 11:15:02
    javascript技术文章开发Vue入门、插件安装 一、Vue1、什么是Vue?(1)官网地址: https://cn.vuejs.org/(2)Vue是一个渐进式的JavaScript框架。采用自底向上增量开发的设计。可以简单的理解为Vue是一个不断的去完善...
  • 查看vue安装插件

    2021-06-01 19:16:56
    查看vue安装插件 npm list -g --dept 0
  • 提示:vue插件 vue中 xxx.vue 的插件,没安装之前是黑白显示,安装之后彩色。语法高亮插件是 “Vue 3 Snippets Highlight Formatters And Generator”,可以直接在vscode扩展插件中搜索下载 如果在vscode直接安装...
  • 加入以下代码: main.js const win = window if (process.env.NODE_ENV === '... win.__VUE_DEVTOOLS_GLOBAL_HOOK__.Vue = app } } 如果用的ts main.ts const win:any = window if (process.env.NODE_E
  • MAC在Chrome安装vue插件

    2021-07-15 12:05:30
    下载插件 点击下方链接选择master分支下载zip并解压到本地 下载地址:https://github.com/vuejs/vue-devtools 命令行运行 命令行打开压缩包 命令行切换至vue-devtools-master根目录 通过npm安装依赖(如果没有请...
  • 博主最近在研究Vue,无奈新手想安装Chrome的Vue插件,整理下安装流程:1.首先去github下载vue.zip文件插件(还有npm安装方法这里就不介绍了自行百度)下载地址:https://github.com/vuejs/vue-devtools 2.下载后解压 3...
  • 1、安装element-ui插件 1.1进入Vue 的GUI界面,选择插件选项->添加插件 1.2 插件版本选择 注意:因为我们选择的Vue版本是2.x所以一定要选择下图划线的vue-cli-plugin-element, 如果我们以后使用Vue3.x版本那就...
  • 问题:在Crx4Chrome网站中下载了vue插件之后,出现vue.js is not detected 的错误。如下为亲测可用解决方案: 1. 在Chrome浏览器中输入 chrome://version/ ,会出现Chrome的版本信息。如下: 2. 在本地文件中...
  • 想要编辑器识别vue文件需要安装vue插件1. 安装方法:File--> setting --> plugin ,点击plugin,在内容部分的左侧输入框输入vue,会出现1个关于vue的插件,点击安装即可。安装完成后,就可以看到,新建文件时...
  • vue常用插件安装

    2021-01-30 13:53:25
    1.npm install echarts -S echarts (前端图表)使用:import Echarts from 'echarts'Vue.prototype.echarts = EchartsVue.use(Echarts)2.npm install highcharts -S highcharts (前端图表)使用:import HighCharts ...
  • 1、vue3与该插件普通版本的不兼容,需要安装Beta版本的,附上链接,打开下载解压即可 Vue.js Devtools_6.0.0.20_chrome扩展插件下载_极简插件 2、将解压好的文件拖到chrome页面即可
  • VUE前端管理插件安装

    2021-12-07 20:32:36
    3.1 安装插件 3.2 安装axios依赖 3.3 添加依赖项 3.3.1 问题描述 3.3.2 安装开发依赖 less-loader 3.3.3安装开发依赖 less 3.4 安装运行时依赖 富文本编辑器 3.4.0 关闭ESLint校验 3.4.1 添加依赖方式 ...
  • IDEA 手动安装vue插件

    2021-04-08 14:09:50
    打开Setings—>Plugins 搜索Vue插件 nothing found 进入下方网址 vue插件下载 重启IDEA即可
  • VUE #1 VUE项目安装插件

    2021-07-17 11:40:42
    安装 UI 控件 element-plus (支持 vue3.0) router 路由控件 安装 axios 控件 (处理网络请求) vuex 安装 (管理组件状态) 下面说明详细过程: 直接在 VS CODE 工具下的命令行安装。 一、安装 UI 控件 element-...
  • 1创建一个npm下载安装插件安装目录文件夹 2创建两个文件夹,分别叫node_global_modules和node_cache(起名按照自己理解,非固定) 在命令行输入指令 npm config set prefix “第一个文件夹的路径” npm config ...
  • 解决vue项目拉取后安装依赖报python问题 给项目安装依赖时报python问题,如下 Downloading binary from https://github.com/sass/node-sass/releases/download/v4.11.0/win32-x64-83_binding.node Cannot download ...
  • 1、第一步:安装组件 npm install ant-design-vue --save 2、第二步:引入组件 (1)完整引入:
  • 极简插件 将下载解压完毕的插件拖入到谷歌浏览器的扩展程序中 2.解决一些小问题 完成上述操作后,调试工具不显示。作如下操作 1:打开插件详细信息,将“允许访问文件网址”和“收集各项错误”按钮点亮 2:修改...
  • 在写项目时,用到了各种命令来安装插件,在此记录 1.安装路由 npm install vue-router 安装最新版本的 npm install vue-router@next --save 在 main.js中添加如下内容: import router from './router' create...
  • 1)安装vue axios npm install --save axios vue-axios 在main.js中 import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) 2)npm i element-ui -S 在main.js中 ...
  • IDEA安装vue插件图文详解

    千次阅读 2020-12-19 15:45:37
    非常详细的IDEA安装vue插件的方法,供大家参考,具体内容如下1.idea上面安装vue插件(到这里idea安装vue插件就好了,接下来我们开始搭建我们后台管理系统)2.利用vue搭建后台管理系统,这边我们直接用半成品来搭建后台...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 167,033
精华内容 66,813
关键字:

vue安装插件

vue 订阅