记录一下创建一个vue项目步骤

一 环境配置
第一步:下载node.js并安装环境:https://nodejs.org/zh-cn/
第二步: 安装vue-axios框架,npm install --save axios vue-axios
第三步: 安装vue-cli 框架,npm install vue-cli -g

二 创建项目
第四步:创建一个初始化webpack vue项目,vue init webpack myvue
第五步:安装依赖包,cd myvue进入项目 npm install
第六步:启动项目, npm run dev

三 插件组件安装
安装打包webpack服务:nmp install webpack -g 验证:webpack -v
安装打包webpack客户端 npm install webpack-cli -g

路由:vue-router
1.安装:项目路径下 npm install vue-router --save-dev
2.引用:import VueRouter from “./vue-router”
显示申明:Vue.use(VueRouter)

UI组件:element-ui
npm i element-ui -s

SASS加载器
npm install sass-loader node-sass --save-dev

插件:
1.UI框架:element-ui ui
2.路由:vue-router
2.axios:http请求工具
2.ECharts :图形化工具
表格下拉工具:vue-table-with-tree-grid
Vue-Quill-Editor:富文本工具
优化插件
NProgress:请求进度条

项目优化

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值