关于cmd的应用
最好用管理员的方式打开！！，可手动以管理员身份运行，也可为改成默认是管理员方式具体操作如下
打开cmd后，会显示以管理员身份打开
一、安装node.js
如果想在其它盘上安装可看看这个教程，默认是c盘 Node下载安装和配置教程_哔哩哔哩_bilibili
二、安装cnpm,yarn
- 安装cnpm
npmmirror 中国镜像站:www.npmmirror.com/
$ npm install -g cnpm --registry=https://registry.npmmirror.com
- 安装yarn
Yarn 官方网站：www.yarnpkg.cn/ Yarn 是为了弥补 npm 的一些缺陷而出现的。
npm install的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules，重新install的时候依旧如此。- 同一个项目，安装的时候无法保持一致性。由于package.json文件中版本号的特点，下面三个版本号在安装的时候代表不同的含义。
"5.0.3", "~5.0.3", "^5.0.3"
“5.0.3”表示安装指定的5.0.3版本，“～5.0.3”表示安装5.0.X中最新的版本，“^5.0.3”表示安装5.X.X中最新的版本。
- Yarn和npm命令对比
| npm | yarn |
|---|---|
| npm install | yarn |
| npm install react --save | yarn add react |
| npm uninstall react --save | yarn remove react |
| npm install react --save-dev | yarn add react --dev |
| npm update --save | yarn upgrade |
三、安装vue-cli脚手架构建工具
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统
vue-cli官网地址：cli.vuejs.org/zh/
- 安装3.x版本的Vue脚手架：
npm install -g @vue/cli - 卸载命令：
npm uninstall -g vue-cli - 检查命令 :
vue -V
指定版本:
如是3.0以下
npm install -g vue-cli@版本号 如是3.0以上
npm install -g @vue/cli@版本号注意：如果已经安装过vue-cli的记得升级vue-cli的版本
升级命令： npm install -g @vue/cli
四、创建vue项目的三种方式
1. 用vite,非常快！！（推荐）
具体看文档！！
官网：cn.vitejs.dev/
创建 Vue3 工程项目
npm init vite-app 项目名称
进入项目目录
cd 项目名称
安装依赖运行项目
npm install (oryarn)
启动
npm run dev (oryarn dev)
注意：尽量不要直接在文件夹直接打开cmd
2.基于交互式命令行的方式
-
使用这个方式需安装Vue脚手架：
yarn global add @vue/cli -
升级命令：
yarn global upgrade --latest @vue/cli -
使用命令打开目录，创建Vue项目
vue create 项目名称
然后按要求,然后选择自己需要的
4.cd 项目名称
5.npm run serve
注意：用这个的时候别把cmd关了
3.基于图形化开发
vue ui
