Vue 前置准备

前置准备

1. node js
2. vue-cli 脚手架安装
3. 创建项目：

• vue ui
• vue create 项目名
• 项目名不能是纯 vue 做名字

环境

win + R 键 输入cmd 打开 窗口

1. 检查有没有 nodejs

• node -v

2. 检查有没有vue

• vue -V

3. 如果提示 ‘ XXX 不是内部命令或外部命令 说明没有 安装 需要安装 ’

4. 安装donejs 去百度下载 【安装包】

5. 安装vue 去vue.js 官网 用最新命令安装

// npm 安装
 npm install -g @vue/cli
// yarn 安装
 yarn global add @vue/cli

包管理工具

包 就是 插件

npm yarn

npm 是 nodejs 软件自带的一个包管理工具，由于是外国人写的 默认下载地址是 国外的所以很慢

修改成 国内的下载地址 ：
npm config set registry https://registry.npm.taobao.org
查看下载地址

1. npm config get registry
2. npm info express

yarn

yarn 必须基于nodejs运行 属于第三方的包管理器

yarn比npm 快很多

【但是】 下载依赖 时必须用同一个

启动或打包的时候没有区别

npm 和yarn的常用命令

初始化安装依赖

项目里必须要有package.json 文件

• yarn install
• npm i # install 缩写 i
  用于克隆完代码初始化安装时使用的命令
• 项目安装初始化时 使用的什么命令 以后安装；依赖必须使用同一个命令
  【注意】 cmd窗口如果停止了下载了，鼠标点击窗口并按下回车

初始化npm 环境

创建packge.json 文件 ↓
npm init -y

安装依赖包

• npm i packName
• yarn add packName

卸载包

• npm uninstall packName
• yarn remove packName

依赖包的环境

环境 === 范围 === 作用域

全局环境

全局安装依赖的命令
npm i -g jquery

开发环境 – npm run serve

• -D
  npm i yarn add -D sass sass-loader
• 遍历scss的 编译es6的balel 编译vue文件的loader 仅仅用于开发环境，浏览器里用不到，我们自己使用
  yarn add -D sass sass-loader

生产环境 – npm run build

• -S 表示生成
• vue jquery axios ajax 等都是运行在浏览器中的

创建项目

nodejs + vue-cli 环境准备好了后 可以创建项目

图形化创建

vue ui

使用命令行

vue create name
空格 是取消选择