vue项目搭建

1.安装 node
node -v 先看你有没有node

2.安装vue-cli脚手架工具（可以先全局安装vue-cli~）

$ npm install -g vue-cli
完成以后 vue - V 检测vue-cli是否安装成功，看到版本号就说明成功了

3.初始化项目
vue init webpack item（item为项目名字）

image.png

其中，模板类型有：
browserify -- 全功能的Browserify + vueify，包括热加载，静态检测，单元测试
browserify-simple -- 一个简易的Browserify + vueify，以便于快速开始。
webpack -- 全功能的Webpack + vueify，包括热加载，静态检测，单元测试
webpack-simple -- 一个简易的Webpack + vueify，以便于快速开始。
（根据项目需求来选择模板类型，我这里就选择最全面的webpack模板吧！）

4. ls

   
   image.png

5. cd item

   
   image.png

6. npm install

   
   image.png

7. npm run dev
   如果报错：

   
   image.png

卸载webpack-dev-server
npm uninstall webpack-dev-server

image.png

安装2.9.1的webpack
npm install webpack-dev-server@2.9.1

image.png

完成之后 npm run dev

image.png
image.png
我的端口我修改了
启动好了访问http://localhost:8888

完成了