• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

Vue脚手架的安装保姆级教程

武飞扬头像
code袁
帮助6

Vue脚手架的安装(保姆级教程)

1.下载vscode

vscode下载地址

2.node下载

node下载

1.打开cmd

node -v

npm -v

学新通
2.在node的下载目录新建文件
node_global 和 node_cache
学新通

修改文件的权限
学新通

3.安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

学新通

5.Vue脚手架的安装
npm install -g @vue/cli

学新通
测试安装是否成功

Vue -v

学新通

到这为止,Vue 脚手架已经安装完成了。但是有两个概念需要区分开:
我们学习的 Vue 版本的 2.X,脚手架的版本是 4.5.12
Vue 可以理解为中式建筑风格,经过更新升级,现在是 2.X 版本
Vue 脚手架可以理解为盖房包工队,也在不断改造,现在是 4.5.12

6.创建Vue项目

在自己新建的文件下,用cmd打开

vue create my_project

学新通
选择vue2
学新通
此时项目创建成功

7.项目的运行

直接将项目拖到vscode里面,
在终端中输入 npm run serve

学新通
至此Vue的脚手架搭建完毕了。

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhiebcei
系列文章
更多 icon
同类精品
更多 icon
继续加载