环境准备:
1.node.js
2.npm
3.cnpm
4.vue-cli 脚手架
到此,vue安装结束.详细安装步骤:https://mp.csdn.net/postedit/102818741
项目构建:
1.进入需要创建项目的目录
2.vue init webpack 目录名
执行命令后会出现让你填项目名,和一些插件的引用,选择即可。如下:
项目启动:
简便方式,直接使用vscode打开,先执行cnpm i ,再执行npm run dev
项目修改:
1.修改config/index.js的配置文件
2.可修改端口号,也可不更改,在dev--port中,可将8080改为8086或其他
3.使用vue+elementui进行项目搭建,安装elementui----命令:cnpm i element-ui -s
4.安装elementui,axios,font-awesome,vuex等
npm install element-ui
npm install axios
npm install font-awesome
npm install vuex
安装完成可以在package.json中的dependencies中查看是否已安装成功
5.引入已安装的相关插件
6.配置代理--config/index.js----proxyTable
proxyTable:{
'api' : {
target: '要代理的地址',
changeOrigin: true
}
}