webpack+Vue2.0项目基础工程文件配置

随着Vue的流行&＃xff0c;很多公司开始技术栈指向Vue&＃xff0c;开始的时候用gulp&＃43;vue1.0做项目&＃xff0c;一直到现在&＃xff0c;webpack趋势也上来了&＃xff0c;而且vue官网也是用webpack跟Vue结合去讲解实例&＃xff0c;接下来大概说下环境配置的步骤&＃xff1a;

1.安装node.js

安装nodejs

win系统

去nodejs官网下载即可&＃xff0c;地址&＃xff1a;http://nodejs.cn/ 个人使用的6.11.3&＃xff0c;因为公司服务器是这个&＃xff0c;看自己爱好了&＃xff0c;不过提示大家&＃xff0c;不是最新版本就是最好的。

mac

用brew安装就好&＃xff0c;看个人爱好&＃xff0c;也可以下载软件包安装。

安装了后&＃xff0c;集成了npm包管理器&＃xff0c;很爽的。

2.安装webpack

npm install webpack -g

3.安装Vue相关

首先&＃xff0c;全局安装vue

npm install -g vue

其次&＃xff0c;安装脚手架

npm install vue-cli -g

开发过程中肯定使用异步请求&＃xff0c;路由等&＃xff0c;想要什么直接命令安装就好&＃xff0c;如下&＃xff1a;

npm install vue-router axios –-save-dev

多个模块空格隔开就好。

4.开始构建webpack&＃43;vue的基础构建文件

cd到你打算放置的项目目录
然后执行命令&＃xff1a;

vue init webpack projectName

会有一些初始化的设置&＃xff0c;根据你的情况对应输入即可&＃xff1a;

Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板&＃xff0c;这里可能需要连代理) Project name (vue-test) 你的项目名称&＃xff0c;这里可以直接回车 Project description (A Vue.js project) 描述可以随便写&＃xff0c;或者直接回车 Author 你的名字或者直接回车默认 Use ESLint to lint your code? Y setup unit tests with karma &＃43; mocha?n(单元测试不需要) setup e2e tests with Nightwatch?n(单元测试不需要)