vue 学习笔记一之Quick Start

本文档提供了一套详细的步骤来帮助初学者快速搭建 Vue 2.x 的开发环境,并解决了一些常见的安装问题。从安装 Node.js 到使用 vue-cli 创建项目,再到解决依赖版本冲突等常见错误,确保开发者能够顺利启动并运行第一个 Vue 应用。
vue 学习笔记一之Quick Start
(前提:安装node环境)
Quick start, install vue-cli
$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev


旁白:Vue 1.x都还没开始呢,就要2.x了,加油!
运行npm run dev,报错:

咋回事呢,这也有问题。
查看package.json文件,    "vue-style-loader": "^2.0.0", "vue-template-compiler": "^2.2.1",
vue-template-compiler最新版本2.2.2,版本号不一致。
运行

npm install vue-template-compiler@2.2.1。

继续执行npm run dev,提示:

出现界面:

Done,Let's start, enjoy vue.

注:入门第一篇,很简单,感觉写着没啥意义,但为了以后多写做准备,就交出这一篇。出了点小插曲,一是发表后图片都不见了。二是重新传图后发表,结果只有前面几行文字,要不要这么纠结,放弃还是重写一遍,csdn要不要这样,看来还是关注的少了,少年!



                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值