vue前期开发环境node及yarn安装详细教程
环境准备:
提示:先下载所需要的环境配置的软件:
先下载node.js
避坑1 尽量安装在D盘
避坑2 安装的时候选择尽量选择Add to PATH 会自动把环境变量添加进去
避坑3 最后一步选择挂钩不要选择(否则会安装很多电脑组件)
查看版本命令及安装yarn
提示:安装完node.js之后查看node和npm的版本: win+R 打开运行 输入cmd 然后查看命令 查看版本
执行cmd命令之前一定要选择管理员权限运行!!! 否则会出现安装不上。
我本人比较喜欢用yarn安装 所以又安装yarn 在npm的基础上又安装了yarn
//yarn 常用命令 安装yarn : npm install -g yarn //安装完设置一下淘宝镜像 yarn config set registry https://registry.npm.taobao.org //安装成功后,查看版本号: yarn –version //以下命令以后在开发项目中使用 yarn add [package] // 在当前的项目中添加一个依赖包,会自动更新到package.json和yarn.lock文件中 yarn add [package]@[version] // 安装指定版本,这里指的是主要版本 yarn add --dev/-D // 加到 devDependencies yarn add --peer/-P // 加到 peerDependencies yarn add --optional/-O // 加到 optionalDependencie 默认安装包的主要版本里的最新版本
安装全局vue及vue脚手架:
提示:一定要先安装vue在安装脚手架否则在cmd中输入vue会提示不是内部命令:
//先安装vue 然后在安装脚手架 使用npm或者yarn 都可以 yarn安装的会更快些 yarn add vue npm install -g @vue/cli # OR yarn global add @vue/cli //安装完查看版本 vue --version //后期如果需要更新可输入一下命令 npm update -g @vue/cli # 或者 yarn global upgrade --latest @vue/cli
安装完之后就可以查看vue版本