图示谈谈如何快速生成一个vue的脚手架

vue脚手架大大提高了我们使用vue的效率,在这里我们谈谈脚手架的快捷建立

第一步:

    先cmd快捷打开小黑窗输入:npm install -g vue-cli 

图示谈谈如何快速生成一个vue的脚手架

当完成后可以通过npm vue -v来判断是否安装成功

        网速受限没安装成功的朋友可以多试几次

图示谈谈如何快速生成一个vue的脚手架

第二步:

    本地安装 命令是:vue int webpack +项目文件夹名(没有他会创建)

图示谈谈如何快速生成一个vue的脚手架

第三步:

    直接转到项目文件夹下,然后运行它

        cd +文件夹名字

        npm run dev (当你创建成功时,以后也可以直接用这个运行,或者是npm start

        当运行完成后一般会显示:8080端口

图示谈谈如何快速生成一个vue的脚手架

第四步:

    在浏览器输入:localhost:8080检查下,出现以下页面算是成功,然后就可以进入项目文件夹下编译我们的代码了

图示谈谈如何快速生成一个vue的脚手架

    网速受限