使用webpack搭建Vue项目

前提先安装node.Js,nodejs带npm

在D盘下创建一个vuetest空文件夹，命令行切换路径到该文件下，
首先查看一下是否安装对应的模块环境,没有的按照下面的命令进行安装

1. npm install -g webpack //全局安装webpack
2. npm install -g webpack-cli //全局安装webpack-cli

接下来使用vue-cli脚手架构建项目

3. npm install -g vue-cli //全局安装vue-cli
   安装完成后，输入 vue -V 可以查看安装的版本
   
4. vue init webpack myvue //创建myvue项目
   
   Use ESLint to lint your code? 这个规范代码用的，多一个空格都会报错，强烈建议选no。
   Setup unit tests with Karma + Mocha 、Setup e2e tests with Nightwatch？这两个是测试，可以不用安装

• 等待安装完成后，就可以运行项目了
  1、cd myvue //切换到项目目录
  2、npm run dev 或 npm start //运行项目
  
  最后打开浏览器输入localhost:8080，看到下面的页面，即一个vue项目成功搭建。
  
  项目结构
  

• 打开router文件夹下面的index.js文件
  mode: 'history', 添加这行代码将地址栏localhost:8080/#/ 中的这个#号去掉