从零开始搭建VUE基础框架

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

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

从零开始搭建VUE基础框架_第1张图片

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

从零开始搭建VUE基础框架_第2张图片

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

vue

从零开始搭建VUE基础框架_第3张图片

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

从零开始搭建VUE基础框架_第4张图片

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

从零开始搭建VUE基础框架_第5张图片

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

从零开始搭建VUE基础框架_第6张图片

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

从零开始搭建VUE基础框架_第7张图片

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

大功告成~~~

你可能感兴趣的:(笔记,前端开发)