vue-cli 脚手架的使用,及webpack模板与webpack-simple的区别
2018-07-11 14:54
731 查看
在使用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模板时格式检测也是可以不选的。
阅读更多
相关文章推荐
- 关于使用Vue-cli脚手架配合webpack-simple构建项目操作流程(自用)
- 【23】使用vue-cli脚手架搭建webpack项目基本结构
- Vue—九天磨一剑之es6模块规范,webpack,vue-cli脚手架的使用
- vue 使用vue-cli打包工具生成基于webpack模板的项目
- 使用Vue-cli下载一个以webpack打包的vue模板
- vue init webpack-simple 模板中全局引入Jquery正确使用方法 可保jQuery插件正常使用
- 详解使用vue脚手架工具搭建vue-webpack项目
- windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用
- wenda1.1 使用vue-cli webpack
- vue-cli+webpack在生成的项目中使用bootstrap方法(一)
- 使用vue脚手架工具搭建vue-webpack项目
- vue-cli脚手架搭建webpack+vue项目
- 详解windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用
- 用Vue脚手架创建webpack模板后,webStorm卡在scanning files to index
- vue-cli的webpack模板项目配置文件分析
- Vue中引入jquery方法 vue-cli webpack 引入jquery 今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)
- vue-cli脚手架build目录中的webpack.base.conf.js配置文件
- vue-cli的webpack模板项目配置文件分析
- 用Vue-cli生成vue+webpack的项目模板
- windows下vue-cli及webpack 构建网站及 路由vue-router的使用