安装vue并通过vue_cli脚手架创建vue项目

安装vue.js
npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v 命令，显示npm的版本信息。

1,node官网下载node  并安装，安装好后可以通过 node -v 查看是否安装成功
2,安装cnpm   
    命令行输入：
npm install -g cnpm --registry=https://registry.npm.taobao.org 
3,安装vue-cli脚手架构建工具
          在命令行运行命令
                    npm install -g vue-cli
          然后等待安装完成
4,在想要创建vue项目的地方创建一个文件夹
        通过cd 进入到建好的文件夹中，并运行命令
                      vue    init    webpack     vuetest_one
    接下来会进行创建，并需要依次填入项目名称、项目描述、作者信息等等

项目创建完成打开可以看到

image.png

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

image.png

assets:放置一些图片，如logo等
components:目录里放的是一个组件文件，可以不用。
App.vue：项目入口文件，我们也可以将组件写这里，而不使用components目录。
main.js ：项目的核心文件

在项目目录中，运行命令 npm run dev ，会用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。