vue-cli简易脚手架搭建
2017-09-03 16:34
651 查看
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,项目才能再次打开
安装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-cli脚手架搭建vue——第一天
- 使用vue-cli(vue脚手架)快速搭建项目的方法
- vue-cli 脚手架搭建
- Vue2.0史上最全入坑教程—— 搭建Vue脚手架(vue-cli)
- vue-cli脚手架搭建的项目去除eslint验证的方法
- vue-cli脚手架搭建
- 手摸手教你搭建vue-cli脚手架-详细步骤图文解析[vue入门]
- 【23】使用vue-cli脚手架搭建webpack项目基本结构
- vue-cli脚手架搭建流程图
- 搭建vue脚手架(vue-cli)完整版 / webpack本地安装
- vue-cli脚手架的搭建
- Vue-cli 脚手架搭建 Vue 项目
- vue.js之vue-cli脚手架的搭建详解
- 使用vue-cli脚手架搭建项目
- Vue2.0史上最全入坑教程(上)—— 搭建Vue脚手架(vue-cli)
- Vue2.0史上最全入坑教程(上)—— 搭建Vue脚手架(vue-cli)
- VUE系列一:VUE入门:搭建脚手架CLI(新建自己的一个VUE项目)
- vue-cli脚手架搭建
- vue2.0项目笔记系列(1)——搭建Vue脚手架(vue-cli)