搭建vue项目

之前一直是在别人搭建好的基础上开发，其实自己搭建项目会发现好多让你学习的地方，或者说更明晰，所以我以最简单的方式说下

一、配置node、webpack

  webapck需要node提供服务，并且需要npm安装，所以先下载一个node

   打开cmd命令窗口，切换到你要新建项目的文件夹下； 假如你目前在C盘 想去盘 ；命令 E:  回车即可

    另外Linux 基本一些命令要知道，参考https://www.cnblogs.com/fnlingnzb-learner/p/5831284.html

  1. node 下载地址为：https://nodejs.org/en/ 检查是否安装成功：node -v 如果输出版本号，说明我们安装node环境成功

  2.npm安装

    大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。

     npm install -g cnpm --registry=https://registry.npm.taobao.org

  3. 安装webpack   cnpm install -g webpack

二、搭建vue项目环境

   1.全局安装vue-cli     cnpm install -g vue-cli

     

2.在你的项目目录，创建一个基于 webpack 模板的新项目  vue init webpack feedback （feedback 为我的项目名字，你需要改成你的项目名 命名必须为英文）一般一路回车就好了 当然遇到让你选择的地方 你要选择 Y/N

? Project name feedback//你的项目名称
? Project description A Vue.js project // 你的项目描述
? Author ...  // 作者的名称
? Vue build standalone // 这个直接选前者，毕竟是推荐
? Install vue-router? Yes // 是否安装vue-router 选是
? Use ESLint to lint your code? No // 是否使用eslint管理代码
? Setup unit tests with Karma + Mocha? No // 是否使用karma + mocha 否 因人而异吧，我基本不写测试代码
? Setup e2e tests with Nightwatch? No // 是否安装e2e测试 因人而异吧

3.然后进入你的项目目录 npm run dev 运行就好了

---------------------------------------------------------------------------------------------------------------

你可以看你的项目接结构

总结参考：https://www.cnblogs.com/yanxulan/p/8978732.html  

                  https://segmentfault.com/a/1190000009580331

                   http://www.runoob.com/w3cnote/vue2-start-coding.html