Vue2安装教程

9 篇文章 0 订阅
本文详细介绍了如何在Windows环境下安装和配置Node.js,包括检查已安装版本、下载安装、配置环境变量。同时,文章还讲解了如何使用npm安装淘宝镜像以加速下载,并介绍了Vue.js的全局和局部安装,以及通过vue-cli创建项目的步骤,包括手动配置项目选项,选择Vue2.0版本等。
摘要由CSDN通过智能技术生成

一、node.js安装和配置

1.安装前,先检查自己电脑上有没有node.js

打开命令提示符,尽量选择管理员身份打开,或者按win+R,输入cmd打开也行

打开后输入node -v 查看自己电脑是否安装node,以及版本号

2.官网下载 Node.js

最新版本:Download | Node.js(点击下载)

因为node里面带npm,所以等下配置好环境就可以用npm了,这里下载的时候可以看到下载的版本。

 

安装过程很简单,一直点下一步就ok了。
我们通过打开命令行工具(win+R),输入node -v查看node的版本,若出现相应的版本号说明你安装成功了

3.配置环境

下载node后记住自己的安装位置,然后配置环境,这一步很多人都发过,可以点击node安装看看博主们发的过程。

4.npm安装淘宝镜像

npm全称Node Package Manager,是node.js的模块依赖管理工具。由于npm的源在国外,所以国内用户使用起来各种不方便,使用淘宝镜像会下载的更快。

cnpm与npm都是下载依赖,不过cnpm有时候真的很有用,所以还是有配置一下的必要。

npm镜像的切换

查看当前库:npm config get registry 或者 npm get registry

设置官方库:npm config set registry https://registry.npmjs.org

设置淘宝镜像:npm config set registry https://registry.npm.taobao.org/

npm config set registry https://registry.npmjs.org

npm config set registry https://registry.npm.taobao.org/   

二、Vue和脚手架安装

1.安装vue.js

一般是全局安装,-g是全局安装,指安装到global全局目录去。

我需要的是2.0版本的,所以我使用这个命令;(二选一都可以)

npm install  -g  @vue-cli@版本号

也可以是局部安装

npm  i  -D  @vue/cli@版本号

也可以不写版本号 会直接安装最新版本的  vue -V 是查看安装版本号的


2.创建项目

(1)执行如下代码 (二者选一)

//全局(-g)

vue create 项目名称

//局部  (-D)

npx vue create  项目名称

(2)输入后会出现三种选项 前两种会自动配置 最后一种是手动配置 可以按照你得自己的需求配置 (按反向键 上下键  为上下移动 选中后 按回车即可)

(3)我选择时手动配置  选完安回车即可

(4)我们安装的是vue2  选2.0版本 即可

(5)后面的三个问题按回车就行  到选择css语言是我选择的是less  他比较简单点

(6)选择一个linter/formatter配置 我没有选择  直接回车就好

(7)后面的问题基本对我都没用  之间按回车了  之后会出现这样的 

(8)最后根据提示 进入项目  在执行npm  run  serve   启动项目即可

vue2安装成功!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值