位置: IT常识 - 正文
推荐整理分享VUE2安装步骤(vue2.0安装),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:vue2.0安装,下载vue2,vue ui怎么安装,vue2.0安装,vue ui怎么安装,vue的安装步骤,vue安装教程,vue2.0安装,内容如对您有帮助,希望把文章链接给更多的朋友!
打开命令提示符,尽量选择管理员身份打开,或者按win+R,输入cmd打开也行
打开后输入node -v 查看自己电脑是否安装node,以及版本号
node -v
我这里显示v16.6.0 就是已经安装了node。
2.官网下载最新版本:Download | Node.js(点击下载)
因为node里面带npm,所以等下配置好环境就可以用npm了,这里下载的时候可以看到下载的版本。
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的安装了。
二、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 启动项目即可
(9)复制第一个链接 在浏览器打开即可 出现vue2 默认页面
到这里就结束了哦!!!!!
下一篇:不小心把文件删了怎么找回?解决你的烦恼(文件不小心删除了怎么恢复)
友情链接: 武汉网站建设