vue学习第一天,记录一下安装步骤

vue学习第一天,记录一下安装步骤以及遇到的问题和解决办法

第一步,先安装Node.js


Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。


可以根据不同平台系统选择你需要的 Node.js 安装包。
我这里下载的windows 64位版本的.msi

双击,傻瓜式安装就可以了(记得修改安装目录),安装完成后进入cmd检查node版本

这样就说明安装成功了。

第二步:安装VUE并创建第一个项目


1、安装npm镜像


这里用淘宝镜像
在cmd窗口执行:npm install -g cnpm --registry=https://registry.npm.taobao.org


2、安装脚手架


在cmd窗口执行:cnpm install -g webpack
这里比较慢,等一会出现All packages installed...后说明安装成功

3、安装vue


然后执行:cnpm install -g vue-cli 
同样出现All packages installed...后说明安装成功
然后执行:vue -V

出现上面的情况,说明vue安装成功。

4、创建并启动项目


执行:vue init webpack my-project

出现以上结果后,说明创建成功。

然后执行:cd my-project
跳到my-project目录后执行:npm install或者cnpm install

出现All packages installed 说明项目install成功了。

然后执行:npm run dev 或者cnpm run dev 

当出现上面I  Your application is running here: http://localhost:8080的情况时说明创建的项目启动成功了,浏览器访问 http://localhost:8080就可以看到初始页面了

期间遇到的问题及解决办法:

1、执行cnpm install时报错:Error: EBUSY: resource busy or locked, symlink

解决办法:关闭电脑的杀毒软件,重新执行cnpm install 成功。

2、执行cnpm run dev 时报错:Error: Cannot find module 'http-errors'

解决办法:
1.找到项目中的node_modules文件 删除它;
2. 重新install安装所需依赖即可;

第一次接触vue,目前主要通过菜鸟教程(Vue.js 安装 | 菜鸟教程)和vue官网(Vue.js)学习,在此记录一下学习历程,希望各位大佬多多指教~

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第一天开始学习Vue 3,首先要了解Vue的基本概念和核心功能。Vue是一个用于构建用户界面的渐进式JavaScript框架,它采用组件化的方式来开发应用程序。 在Vue 3中,有一些重要的变化和改进。首先,Vue 3引入了Composition API,这是一个全新的API,可以让我们更好地组织和共享组件逻辑。通过Composition API,我们可以使用函数来编写组件的逻辑,而不仅仅是通过选项对象。 另一个重要的改进是性能的提升。Vue 3在内部进行了许多优化,例如使用Proxy替换了原来的Object.defineProperty来实现响应式系统。这使得Vue 3在处理大型数据集和性能敏感应用程序时更高效。 还有一项重大的变化是对TypeScript的更好支持。Vue 3引入了许多类型声明文件,使得在使用TypeScript时更容易推断和检测组件的类型。 在第一天,我们可以开始学习Vue 3的安装和使用。我们可以通过npm或yarn来安装Vue,然后使用Vue的命令行工具创建一个新的Vue项目。 接下来,我们可以学习Vue的基本语法和核心概念,例如如何定义一个组件、使用指令和插值表达式、处理事件等。 最后,我们可以尝试编写一个简单的Vue应用程序,并将其运行起来。通过实践,我们可以更加深入地理解Vue的使用和原理。 第一天学习Vue 3的基础,为接下来的学习打下坚实的基础。希望通过努力学习,在接下来的30天内可以精通Vue 3的使用和开发。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值