vue创建项目的方式

1.安装node.js

2.基于node.js,利用淘宝npm镜像安装相关依赖

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

3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

            在cmd里 1)输入：cnpm install -g vue-cli，回车，等待安装...

                        2).输入：vue，回车，若出现vue信息说明表示成功

4.创建项目(这里需要在你指定的目录下创建,更好的对项目进行管理)

    在cmd里输入：vue init webpack vue_test(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，随后操作

    输入命令后，会询问我们几个简单的选项，我们根据自己的需要进行填写就可以了。

• Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里不能使用大写
• Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
• Author：作者，如果你有配置git的作者，他会读取。
• Install  vue-router? 是否安装vue的路由插件
• Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。如果你是大型团队开发，最好是进行配置。
• setup unit tests with  Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha
• Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试

 5.安装依赖

在cmd里  1).输入：cd vue_test（项目名），回车，进入到具体项目文件夹

             2).输入：npm install，回车，等待一小会(这里也可以使用 cnpm install)

回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）

       安装完成之后，我们到自己的项目中去看，会多一个node_modules文件夹，这里面就是我们所需要的依赖包资源。

6.运行项目

在cmd里输入：npm run dev ; 或者 npm run start

测试环境是否搭建成功: 浏览器中输入  http://localhost:8080

7.这里介绍一下项目目录:

     build：最终发布的代码的存放位置。

     config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。

     node_modules：npm 加载的项目依赖模块。

     src：这里是我们开发的主要目录，基本上要做的事情都在这个目录里面，里面包含了几个目录及文件：

             assets:放置一些图片，如logo等

             components:目录里放的是一个个的组件文件

            router/index.js：配置路由的地方

             App.vue：项目入口文件，我们也可以将组件写这里，而不使用components目录。

            main.js ：项目的核心文件（整个项目的入口）

     static：静态资源目录，如图片、字体等。

     test：初始测试目录，可删除

      .XXXX文件：配置文件。

     index.html：首页入口页面，可以添加一些meta信息或者同统计代码啥的或页面的重置样式等。

     package.json：项目配置文件。

     README.md：项目的说明文件。