Vue环境安装配置

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

1、安装git工具，便于在wind电脑上操作命令行，自行在网上下载安装，可以不安装

2、安装node,检查node安装是否成功，在git工具中输入node -v

3、检查npm是否安装成功，在git工具中输入npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题)

4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NPM?from=tnpm

在git工具中输入：npm install -g cnpm --registry=https://registry.npm.taobao.org

检验是否安装成功：cnpm

5、yarn安装参考网站：https://www.jianshu.com/p/4a225dcacd53

git工具输入：npm install -g yarn

检验是否安装成功：yarn -v

6、vue安装" title="vue安装">vue安装：cnpm install vue

7、vue-cli3脚手架工具安装：cnpm install -g @vue/cli或者yarn global add @vue/cli

检查其版本是否正确：vue –version（一定要安装cli3版本，自行搜索安装指定版本命令）

8、通过图形界面创建vue项目：vue ui

他跟通过cmd创建项目，图形界面不香吗



点击自定义


9、control+c终止vue ui

10、在vscode中运行项目：yarn serve

npm install vue-router --save-dev

yarn install

yarn serve

依然可以运行项目

【2】Vue基础知识

一、目录结构

注意

有可能在使用yarn时会报错提示你禁止运行的脚本


以上是 Vue环境安装配置 的全部内容， 来源链接： utcz.com/z/376198.html

回到顶部