1.下载安装node.js(Node.js)
2.安装完毕,查看版本号确认成功安装
node -v
npm -v
全局安装webpack
npm install webpack -g
npm -v
npm install webpack-cli -g
webpack -v
npm install -g vue-cli
vue -V
3.创建一个空文件夹如vuedemo,打开cmd切换到该目录文件下,运行命令
vue init webpack vuedemo
4.安装完毕,用vscode打开该项目,运行命令,一个vue的脚手架项目初步搭建完毕
npm run dev
5.打开router/index.js配置路由懒加载
import Vue from 'vue'
import Router from 'vue-router'
// import HelloWorld from '@/components/HelloWorld'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'HelloWorld',
component: resolve=>(require(["@/components/HelloWorld"],resolve))
}
]
})
6.引入elementui,运行npm安装elementui
npm i element-ui -S
7. 在main.js中写入