1.本教程是基于windows系统
安装node.js
注意:版本过低,需要升级,以免影响下个步骤
升级npm命令:npm install -g npm
2.打开npm执行 npm install -g vue-cli 安装全局的vue-cli
3.vue init webpack-simple vue-cli 创建简易的webpack
4.进入vue-cli文件夹
5.安装node_modules模块npm install
6.执行 npm run dev,这时候vue-cli就跑起来了,链接地址是:http://localhost:8080/
注意:关闭npm,需要进入对应的文件夹,如进入F盘F:
进入vue-cli文件夹cd vue-cli重新执行 npm run dev,项目才能再次打开
vue-cli简易脚手架搭建
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
vue-router路由按需加载
你蠢哭我咯
2020-07-07 22:25:48
vue监听滚动条-吸顶
你蠢哭我咯
2020-07-07 22:25:48
vue-cli3用vant框架rem适配方案
buling girl
2020-07-07 17:55:57
element table中下拉框编辑事件
表格: <el-table ref="tablestu" v-bind:data="tablestu.items" size="mini" fit stripe border
wyljz
2020-07-06 22:35:05
elementui 隐藏tabs
百度查出幾個 this.$nextTick(function () { this.$refs.tabs.$children[0].$refs.tabs[2].style.display="none
wyljz
2020-07-06 22:35:05
vue 处理表格数据:一行放多个记录
wyljz
2020-07-06 22:35:05
elementui upload与form一起提交
wyljz
2020-07-06 22:35:05
vue+elementui+lodop打印表格
wyljz
2020-07-06 22:35:05
springboot中使用vue+element+jsp搭建界面框架
wyljz
2020-07-06 22:35:05
elementui Container工具栏,表格,分页布局
wyljz
2020-07-06 22:35:05
elementui 树形表格懒加载与全部折叠
<div id="app"> <el-table ref="tabletree" size="mini" :data="data" :height="tablehe
wyljz
2020-07-06 22:35:05
vue.js(2.0)常用指令总结以及一些指令的坑!
小飞飞007
2020-07-06 01:40:56