2.vue中各种常用插件的安装

本文主要是介绍2.vue中各种常用插件的安装，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.安装node

2.安装git（需要在码云配置好公钥，新建仓库，下载到本地）

3.安装vue-cli（cmd中输入npm install -g vue-cli）

4.webpack初始化项目（git bash here中输入:vue init webpack 文件夹名）- -文件夹名可以不同，但都必须是小写，不能出现大写字母。

5.安装sass预处理器（git bash here中输入:npm install -g sass。）

步骤一：

如果报错可能是因为版本过高，可以进行如下操作：

npm uninstall --save sass-loader // 卸载

npm i -D sass-loader@7.0.3 // 安装

npm uninstall --save node-sass // 卸载

 npm install --save-dev node-sass // 安装

步骤二：

打开build文件夹下的webpack.base.conf.js

找到module.exports里的module，在rules里添加下面的配置：

{ test: /\.sass$/, loaders: ['style', 'css', 'sass'] }

步骤三：

样式标签更改为：

<style lang="scss">

6.安装elementUi：（git bash here中输入:npm i element-ui -S)

在 main.js 中写入以下内容：

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

7.安装vuex：（git bash here中输入:npm install vuex --save)

8.安装echarts：（git bash here中输入: git bash here中输入: npm install cnpm -g  然后 cnpm install echarts --save) 

在 main.js 中写入以下内容：

import * as echarts from "echarts";

Vue.prototype.$echarts = echarts;

9.安装data-v可视化大屏组件库：（npm install @jiaminghi/data-view)

在 main.js 中写入以下内容：

import dataV from '@jiaminghi/data-view'

Vue.use(dataV)

10.vscode中安装的插件：

Vue 插件：Vetur；

Element 插件：vscode-element-helper；

代码格式化插件：Prettier；

代码检测插件：ESLint；

拼写检测插件：Code Spell Checker；

正则插件：any-rule；

11.安装js-cookie插件（git bash here中输入:npm install js-cookie --save)

引用：import Cookies from'js-cookie'

12.tinymce:http://tinymce.ax-z.cn/

13.代码初始化（meta配置，border.css/reset.css，fastclick，stylus-loader）

这篇关于2.vue中各种常用插件的安装的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！