Vue-webpack环境的搭建及项目的创建

一、安装及配置
0、查询npm版本 npm -v //如果小于3.0.8
安装最新版本：npm i npm -g

1、安装webpack：（全局安装） //查看版本webpack -v

npm install webpack -g

2、安装vue.js //查看版本vue -v

npm install vue -g

3、安装vue命令行工具

npm install -g vue-cli

4、创建项目

vue init  webpack study  #(study为项目名) Project name study Project description A Vue.js project Author Sally <[e-mail]>Vue build standaloneInstall vue-router? Yes Use ESLint to lint your code? No Setup unit tests with Karma + Mocha? Yes Setup e2e tests with Nightwatch? Yes

5、cd study

6、安装package.json中的插件
根据需要安装
7、运行

npm run dev

8、浏览器访问：http://localhost:8080