vue
Mr_Q先森
做最好的自己
展开
-
vue创建element-ui项目
1.初始化项目 vue create element-test element-test为项目名称 2.安装 npm i element-ui -S 3.引入 在 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 · 171 阅读 · 0 评论 -
配置vue的jsx写法以及postcss
1.安装相关依赖 npm i postcss-loader autoprefixer babel-loader babel-core 2.安装babel所需依赖 npm i babel-preset-env babel-plugin-transform-vue-jsx npm i babel-helper-vue-jsx-merge-props 3.添加 .babelrc 文件 { "presets": [ "env" ], "plugins": [ "transform-原创 2021-06-28 11:11:49 · 140 阅读 · 0 评论 -
webpack-dev-server的配置何使用
1.安装webpack-dev-server依赖 npm i webpack-dev-server 2.编辑package.json 添加下面配置代码 "dev": "webpack-dev-server --config webpack.config.js" 3.安装cross-env npm i cross-env 修改package.json "build": "cross-env NODE_ENV=production webpack --config webpack.config.js",原创 2021-06-28 10:25:02 · 209 阅读 · 0 评论 -
webpack配置项目加载各种静态资源及css预处理器
1.修改webpack.config.js const 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 · 138 阅读 · 0 评论 -
vue-loader+webpack项目配置
1.首先创建好项目文件夹project 进入到项目目录后 npm init 初始化项目 2.安装webpack vue vue-loader依赖 npm i webpack vue vue-loader 3.安装vue-loader需要的以来 npm i css-loader vue-template-compiler 4.新建src目录并在src下新建app.vue 编写vue组件 <template> <div id="test">{{test}}</div>原创 2021-06-25 16:25:33 · 511 阅读 · 0 评论