Vue环境搭建
环境
- 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`本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2024-03-20，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录