使用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 -v(node --version)显示版本那么就是node环境搭建完成了,是不是so easy😏
node -v

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

安装完成之后就可以进行创建vue项目了
开始创建vue项目
vue init webpack demo

出现这个就说明完成了

启动项目
cd demo
npm install
npm run dev

此时,初始化vue的项目到此完成初次构建
网友评论