快速创建vue项目

创建vue项目。

• 安装node(在node官网下载安装，测试安装打开cmd,输入node -v)
• 安装npm(打开cmd，输入npm -v，测试npm是否安装成功，node 一般自带npm)
• 安装vue-cli（打开cmd，输入npm install --global vue-cli，之后输入vue --version测试vue安装成功与否）
• 安装webpack（打开cmd，输入npm install webpack -g,之后输入webpack -v测试安装成功与否）
• 准备工作完成，新建vue项目（打开cmd，在需要新建项目的目录下，输入npm init webpack project_name）
  至此，一个简单的vue项目新建成功。进入项目package.json所在目录，打开cmd，输入npm run dev,就可以查看新建的vue项目

新建的项目，里面的内容主要分为以下五个方面：
所有需要require的文件，没有./这个的话，都去node_modules文件夹里找
@表示自定义的根目录
1.build-[webpack配置]
主要启动文件是webpack.dev.conf.js
当我们输入npm run dev时候，首先启动的就是这个,它会去检查node和npm版本，加载配置，然后启动服务

2.config-[vue项目配置]
项目相关配置：主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求 api 等。
主要是index.js，当端口冲突时配置监听端口，打包输出路径及命名等

3.node_modeles-[依赖包]
项目依赖库，也可以自己按需要添加其它依赖：cmd。。 进入项目。。npm install 包名称

4.src-[项目核心文件]
assets:放置静态资源，包括公共的 css 文件、 js 文件、iconfont 字体文件、img 图片文件 以及其他资源类文件。之所以强调是公共的 css 文件，是因为要在组件的 css 标签里加入 ‘scoped‘ 标记，避免污染全局样式；
components:放置通用模块组件。项目里总会有一些复用的组件，例如弹出框、发送手机验证码、图片上传等。
main.js-[入口文件]：主要是引入vue框架，根据组件以及路由设置，并定义vue实例
router文件夹下的index.js设置路由，用于绑定自定义的vue文件等

5.static-[静态文件：图片，json数据]

以下是我将使用到的链接，各位看官不必在意：
js代码规范：https://github.com/yuche/javascript