从零开始搭建VUE基础框架

来源:互联网 发布:浙江人事考试机考网络 编辑:程序博客网 时间:2024/05/20 08:44

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

下面看我这个小白如何从零开始搭建一个vue的基础框架吧~~环境:windows,node,npm1、首先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-programnpm installnpm run dev大功告成~~~
0 0
原创粉丝点击