参考博客文章

注：原博主写的非常详细 本文章为根据原博主教程总结的自己的搭建流程

一、安装node环境

二、使用node -v以及npm -v查看版本号

三、安装vue-cli

npm install -g vue-cli

查看vue版本号(注：这里的-V的V必须为大写)

vue -V

四、使用vue-cli搭建项目

1.新建项目文件夹vueStudy

2.在vueStudy中打开git bash窗口

3.执行

vue init webpack vuedemo

这是命令行会出现以下代码

? Project name (vueDemo)                   //输入项目名称 回车默认为vue init 时的vueDemo? Project description A Vue.js project      //输入项目描述? Author yinshiru 
    
        //输入作者? Vue build standalone                      //需要不需要安装编译器，我选择需要安装? Install vue-router? Yes                   //是否使用vue-router Y为使用N不使用? Use ESLint to lint your code? (Y/n)       //是否使用ESLint语法检查 ? Set up unit tests No                      //是否使用unit测试 我没有用到选的是不选择? Setup e2e tests with Nightwatch? No       //是否使用e2e测试 我也没有用到选择的不使用
    

tip：出现如上图所示提示即为安装成功，这时我们可以看一下vueStudy文件下已经生成了vuedemo项目文件

按照终端给出的提示执行命令：

cd vueDemo      //进入项目文件夹npm run dev     //运行项目

执行成功如上图所示，在浏览器中输入localhost:8080页面出现如下图所示即为搭建成功

。。。未完待续