vue-创建vue项目

使用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的项目到此完成初次构建

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容