首先要是在一个webpack环境下
- 安装ES6的包:babel
1.使用命令npm install --save-dev babel-loader @babel/core
2.在webpack.config.js中的molude的rules中添加上:
{ test: /.js$/, exclude: /node_modules/, loader: “babel-loader” }
3.创建一个.babelrc文件
使用命令npm install @babel/preset-env --save-dev安装
{
"presets": ["@babel/preset-env"]
}
- 安装vue
1.使用命令npm install vue vue-loader vue vue-template-compiler -D
2在webpack.config.js中的molude的rules中添加上:
{ test: /.vue$/, loader: “vue-loader” }
3在webpack.config.js中引入:
const VueLoaderPlugin = require(‘vue-loader/lib/plugin’);
4在plugins写上 new VueLoaderPlugin()
当然在main.js中写的是
import Vue from "vue"
import App from "./App.vue"
new Vue({
el:'#app',
render:(h)=>h(App)
})
这样觉可以去使用vue了