环境
- 1.检查有没有nodejs
- node -v
- 2.检查有没有vue
- vue -V
win + R 输入cmd
- 3.如果提示“XXXX”不是内部命令或外部命令,说明没有安装,需要安装
- 4.安装nodejs去百度搜索nodejs
- 5.安装vue去cli.vuejs.org找安装命令
npm install -g @vue/cli # OR yarn global add @vue/cli
包管理工具
- 包===插件 例如:vue,echars
npm
- npm 是nodejs软件自带的一个包管理的工具,由于是外国人写的,他默认下载文件的地址是国外的所以很慢
修改成国内地址:`npm config set registry https://registry.npm.taobao.org` 检测:`npm config get registry`
yarn
- yarn 必须基于nodejs运行。属于第三方的下载包的管理器。
yarn比npm快很多
【但是】两者只能用一个,下载依赖的时候只能用一个,启动项目或打包的时候没有区别
npm和yarn 的常用命令
初始化安装依赖
- 下载的文件里没有node包需要在文件夹的地址栏输入cmd重新安装依赖
项目里必须要有package.json文件
yarn install npm i # install 缩写 i
【注意】cmd 窗口如果停止下载了重新敲下回车
初始化npm环境
npm init -y
安装依赖包
npm i packName yarn add packName
卸载包
npm uninstall -packName yarn remove packName
依赖包的环境
- 环境= = =范围= = =作用域
- 全局安装的命令
全局环境
举例:`npm i -g jquery`
开发环境
- 编译的scss的,编译es6的babel,编译vue文件的loader仅仅用于开发环境,浏览器里用不到我们使用
-D
安装
举例:`npm i -D sass sass-loader`
npm run serve
生产环境
-S
表示生产环境 已经被忽略了
npm run build
- vue,jquery,axios,ajax等都是运行在浏览器中的
项目创建
- nodejs +vue-cli环境准备好了后,可以创建项目了
使用图形化创建
`vue ui`
使用命令行创建
`vue create name`