webpack构建vue开发环境

1、安装npm

npm是随同node.js一起安装的包管理工具，所以直接安装node.js就可以
node.js下载地址：http://nodejs.cn/
直接安装，点下一步就完事了

安装完成以后输入以下命令查看是否安装成功

npm  -v

2、构建开发环境

vue官方给我们提供了一个vue-cli命令行工具来构建我们的工程
首先打开cmd，全局安装vue-cli

npm install --global vue-cli

安装完成后，初始化并创建一个基于webpack模板的新项目

vue init wepack my-project

my-project是你项目的名称
在创建的过程中，它会询问你一些配置是否安装
然后让你选择代码检测规范，选择standard标准规范就可以了
还有unit test的单元测试和e2e的端到端的测试一般都是选no
其他的直接下一步下一步就行了

当看到Project initialization finished这一行提示时，基本就安装完成了

3、运行vue项目

输入以下命令

npm run dev

提示Compiled successfully
开发环境构建完毕
输入127.0.0.1:8080就可以看到最简单的vue-demo

webpack配置局域网访问路径
不少环境需要用到局域网进行测试
打开项目文件夹
找到 build/webpack.dev.conf.js中的

const HOST = process.env.HOST

换成

const HOST = process.env.HOST || '0.0.0.0'

即可实现局域网查看项目

在mac os系统下如何进行vue全家桶的使用

在安装了node.js的情况下

可先进行sudo -s的操作

系统提示输入password

等系统进入root权限时 即可进行webpack 以及 vue-cli开发环境的安装操作