使用脚手架配置vue项目

一、Vue脚手架介绍

        vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，

        它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack(打包工具)的项目模板。

二、安装node.js和Visual Studio Code

        node.js

        VS Code

三、使用脚手架创建项目

        1.下载安装cnpm并且使用淘宝的服务器做为的包源

                因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常。

                输入命令：npm install –g cnpm -registry=https://registry.npm.taobao.org

                完成后输入cnpm –v可查看到相关信息

       2. 安装webpack（js应用程序的静态模块打包器(module bundler)）

              输入cnpm install webpack –g安装

       3. 安装vue-cli（用来生成vue模版的工具）

              输入cnpm install vue-cli –g安装，

        4.新建一个Vue项目测式一下

                1）我在D盘新建一个名为VueProjects的文件夹来专门存放vue项目。

                2）在命行先输入d: 进入D盘，再输入cd d:\VueProjects进入到此目录。

                3）输入vue init webpack test1新建一个项目，

                4）在新建过程中会要输入几次回车和y，(项目名称不能有大写英文)

                5）输入cnpm install下载安装项目的依赖(注意不是用的npm，而是cnpm，这样快些)，

                     完成后可在目录中看到所有有依赖

        5. 在终端输入cnpm install先检查和下载依赖，然后输入cnpm run dev运行项目