vue
Mr_Q先森
做最好的自己
展开
-
vue创建element-ui项目
1.初始化项目vue create element-testelement-test为项目名称2.安装npm i element-ui -S3.引入在 main.js 中写入以下内容:import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';原创 2021-06-30 17:35:27 · 159 阅读 · 0 评论 -
配置vue的jsx写法以及postcss
1.安装相关依赖npm i postcss-loader autoprefixer babel-loader babel-core2.安装babel所需依赖npm i babel-preset-env babel-plugin-transform-vue-jsxnpm i babel-helper-vue-jsx-merge-props3.添加 .babelrc 文件{ "presets": [ "env" ], "plugins": [ "transform-原创 2021-06-28 11:11:49 · 120 阅读 · 0 评论 -
webpack-dev-server的配置何使用
1.安装webpack-dev-server依赖npm i webpack-dev-server2.编辑package.json添加下面配置代码"dev": "webpack-dev-server --config webpack.config.js"3.安装cross-envnpm i cross-env修改package.json"build": "cross-env NODE_ENV=production webpack --config webpack.config.js",原创 2021-06-28 10:25:02 · 199 阅读 · 0 评论 -
webpack配置项目加载各种静态资源及css预处理器
1.修改webpack.config.jsconst path = require('path')const { VueLoaderPlugin } = require('vue-loader')module.exports = { entry: path.join(__dirname, 'src/index.js'), output: { filename: "bundle.js", path: path.join(__dirname, 'dist'原创 2021-06-25 16:51:53 · 124 阅读 · 0 评论 -
vue-loader+webpack项目配置
1.首先创建好项目文件夹project进入到项目目录后npm init初始化项目2.安装webpack vue vue-loader依赖npm i webpack vue vue-loader3.安装vue-loader需要的以来npm i css-loader vue-template-compiler4.新建src目录并在src下新建app.vue编写vue组件<template> <div id="test">{{test}}</div>原创 2021-06-25 16:25:33 · 495 阅读 · 0 评论