时间: 2019-08-16|tag:231次围观|0 条评论

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/YuMay2009/article/details/54571197


Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue
采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue
完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。

下面看我这个小白如何从零开始搭建一个vue的基础框架吧~~
环境:windows,node,npm
1、首先cmd打开命令行,全局安装vue;
npm install vue -g

这里写图片描述

2、全局安装脚手架 vue-cli
npm install vue-cli -g

这里写图片描述

3、然后就可以使用vue命令查看使用方法

vue

这里写图片描述

4、vue list 可以查看官方推荐的下载模板的几种方式(我这里选的webpack)
vue list

这里写图片描述

5、开始搭建框架吧!(可以把项目建在别的目录下,使用cd E:\my-programs回车后输入 e: 再回车即可)
vue init webpack my-program

这里写图片描述

 6、输入项目名称(无视这个乱码吧,一般不出现的。。。)

这里写图片描述

7、输入作者Author回车一路回车就可以

这里写图片描述

8、完成后会提示如何操作(按顺序操作)
cd my-program
npm install
npm run dev

大功告成~~~

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《从零开始搭建VUE基础框架
   

还没有人抢沙发呢~