一、vue有两种使用方式:

1.下载vue.js

<script src="vue.js"></script>

2.使用npm

npm install vue

二、在vue的mvc思想基础上,会有很多想实现的功能,可以不必原生写。比如ajax请求,各种插件。

安装vue-cli,促使这些插件可以在vue上运行。

npm install vue-cli -g

三、vue安装成功测试

cmd 中,(vue各种模板)

vue -V

vue list

四、使用vue,结合webpack开发。

从vue的角度讲,使用了模块化编写代码。

从webpack的角度讲,编译后的代码,页面全是js写的,别人看不懂,也压缩了文件大小。

五、vue+webpack简单流程操作

1、文件夹中、shift+右键,选择“在此处打开命令窗口”

vue init webpack test

2、

vue学习:vue+webpack的快速使用指南(新手向)-LMLPHP

3、进入项目文件夹,shift+右键,选择“在此处打开命令窗口”

npm install

4、

vue学习:vue+webpack的快速使用指南(新手向)-LMLPHP

5、.vue可以看成是.html,都有标签代码区域,js区域,css样式区域。

又不同于.html,作用域都是独立的。所以js引用必须import导入,export导出。

6、运行项目
项目文件中,shift+右键,选择“在此处打开命令窗口”

npm run dev
npm run build
npm start dev就是webpack的开发模式,开发模式,就是压缩文件之前 
build就是项目完成后开始压缩文件,文件夹中出现dist文件夹,里面就是压缩后的项目
进入dist文件夹,shift+右键,选择“在此处打开命令窗口” (运行项目) 原文链接:https://segmentfault.com/a/1190000010960666
05-02 16:14
查看更多