Vue基本开发环境搭建
来源:互联网 发布:如何卸载mysql 编辑:程序博客网 时间:2024/05/20 23:57
简介
最一开始学习Vue的时候,我们通常会使用npm install vue
语法安装Vue,但是往往实际的项目开发中不太可能用这种方式去做项目,我们通常比较多的做法应该是利用webpack作为前端项目的构建工具。利用webpack构建Vue项目通常有两种方式,一种是直接用webpack
的方式,另一种则是webpack-simple
的方式。
webpack 方式具有特有的两个功能:1、Eslint 检查代码规范 2、单元测试
webpack-simple 方式就反正没有以上两种功能,通常项目中推荐使用这种方式构建项目
vue init simple#2.0 vue-simple-demo
步骤
首先Vue的依赖于node,所以一下的操作步骤依赖于node环境完好的前提下,node中会自带npm
包管理器,由于国外的地址访问比较慢,建议修改为淘宝镜像,具体操作自己翻墙。
安装依赖环境
1、vue-cli (安装Vue构建框架)
cnpm install vue-cli -g
2、vue环境
cnpm install vue -g
3、webpack(项目管理以及构建工具)
cnpm install webpack -g
4、webpack-simple(simple模板)
cnpm install webpack-simple -g
5、webpack-dev-server(webpack开发工具)
npm install webpack-dev-server --save-dev
生成项目
利用vue init webpack-simple vue-simple-demo
方式创建项目
生成的项目如下:
├─.babelrc // babel配置文件├─.gitignore ├─index.html // 主页├─package.json // 项目配置文件├─README.md ├─webpack.config.js // webpack配置文件├─dist // 发布目录│ ├─.gitkeep ├─src // 开发目录 │ ├─App.vue // App.vue组件│ ├─main.js // 预编译入口
阅读全文
0 0
- Vue基本开发环境搭建
- Vue基本环境搭建
- Vue开发环境搭建
- vue开发环境搭建
- vue 开发环境搭建
- vue开发环境搭建
- Vue开发环境搭建
- vue开发环境搭建
- vue 开发环境搭建
- Vue开发环境搭建
- vue开发环境搭建
- Vue-cli安装、Vue基本环境搭建
- 搭建vue.js开发环境
- Vue.js开发环境搭建
- vue.js开发环境搭建
- vue.js开发环境搭建
- windows7 搭建Vue 开发环境
- 从零开始搭建Vue开发环境
- hadoop学习5 搭建storm集群
- JSP&Struts2----文件上传
- Hibernate5.2之原生SQL查询
- Python文件操作
- Linux中的sed常用技巧
- Vue基本开发环境搭建
- 深入理解Java类加载器(2):线程上下文类加载器
- 将项目上传至github
- 【51Nod】1081 子段求和
- 《数据结构学习与实验指导》3-4:一元多项式的乘法与加法运算
- c++ error records
- centos安装twemproxy实现分布式缓存
- C++深拷贝和浅拷贝
- 淘淘商城项目系列-1.Eclipse开发环境配置