vue.js开发实用教程

vue有两种使用场景：

一、直接包含vue.js文件进行开发

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

相关教程：https://www.runoob.com/vue2/vue-install.html 

二、在node.js环境下生成的vue项目进行开发

1、node.js的安装

在https://nodejs.org/zh-cn/download/中下载msi文件，安装时一直点击next即可。

2、安装vue

这里我们使用淘宝镜像进行安装（国内使用官方的安装镜像非常慢！！！）

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install vue

3、安装vue-cli

cnpm install --global vue-cli

4、新建一个vue项目

vue init webpack my-first-vue-project

这里会提示配置一些项目的信息，回车或者输入'Y'回车即可。

扫描二维码关注公众号，回复： 8747101 查看本文章

5、启动项目

cd my-first-vue-project
npm run dev

三、编辑器我选择Visual Studio Code（和Visual Studio不一样的！）

下载地址：https://code.visualstudio.com/Download

四、使用Element组件库

地址：https://element.eleme.cn/#/zh-CN/component/installation

 五、系统全面的学习vue

官网：https://cn.vuejs.org/