使用vue的几种方法

使用vue快两年时间了，今天有点空闲时间，准备创建一个vue的项目，然后突然意识到，创建项目还得去网上找教程！有点头疼，还得去筛选内容，还不如自己写点创建过程。
在开发的时候，有三种使用vue的方法：
1.本地引入vue：下载vue的文件：https://cn.vuejs.org/js/vue.js
2.使用CDN直接引入：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
3.使用vue-cli创建vue项目，创建的项目可以结合webpack进行打包，上手门槛低，可以进行快速入门，同时也提高了开发效率。

使用vue的前提

nodejs安装

从node.js官网(node下载) 下载并安装node，

node下载页面
下载完成一路傻瓜式安装就可以
安装nodejs
安装完成之后，打开控制台，输入node -v（node --version）显示版本那么就是node环境搭建完成了，是不是so easy😏

 node -v

查看node版本

安装完成之后就可以开始安装vue-cli环境了

sudo npm install -g vue-cli

安装vue-cli

安装完成之后就可以进行创建vue项目了

开始创建vue项目

vue init webpack demo

开始创建vue

出现这个就说明完成了

安装完成

启动项目

cd demo
npm install
npm run dev

启动完成

此时，初始化vue的项目到此完成初次构建