vue-cli 脚手架的使用,及webpack模板与webpack-simple的区别
在使用vue及其相关组件时,我们常常通过vue-cli来实现环境的配置1.进入命令行,全局安装:npm install vue-cli -g2.cd 盘符(例D:)进入要创建项目的地址,然后3.创建项目模板:vue init webpack new-vue(其中webpack为模板类型,new-vue为自定义的模板名可自己命名);接下来,会问几个问题,直接回车(enter)就好;后...
·
在使用vue及其相关组件时,我们常常通过vue-cli来实现环境的配置
1.进入命令行,全局安装:npm install vue-cli -g
2.cd 盘符(例D:)进入要创建项目的地址,然后
3.创建项目模板:vue init webpack new-vue(其中webpack为模板类型,new-vue为自定义的模板名可自己命名);
接下来,会问几个问题,直接回车(enter)就好;后面会讲模板的区别。
4.cd 模板文件名(例new-vue)进入模板文件
5.下载依赖:npm install
6.运行:npm run dev
默认创建端口为8080 vue2版本会直接进入浏览器,也可访问localhost:8080。
其中,在第三步中,可选用模板常用的是webpack与webpack-simple。
其中,最大的区别是webpack-simple没有vue-router的中间件,不需要路由时推荐使用;
同时webpack-simple没有格式的检测。(个人认为不太重要),
使用webpack模板时格式检测也是可以不选的。
更多推荐
已为社区贡献5条内容
所有评论(0)