node14.15.1绿色版配置,以及项目的初始化和启动

1、在官网下载

https://nodejs.org/zh-cn/download/

2、下载界面

3、解压后的路径(根据自己的路径进行配置)

添加根路经到paht中

注意：添加了node_global配置，在使用的时候vue init webpack xxx会报错找不到vue命令，添加此配置，vue的命令可找到(在5.1或者5.2之后配置)

4、配置后打开cmd查看node和npm的版本

node -v #分别查看node
npm -v #npm的版本号

5、修改配置

5.1更换安装全局模块node_global和缓存node_cache的路径

npm config set prefix "E:\software\node\node-v14.15.1-win-x64\node_global"
npm config set cache "E:\software\node\node-v14.15.1-win-x64\node_cache"
npm config set registry https://registry.npm.taobao.org/

5.2或者使用以下方法C:Users\Administrator\.npmrc

prefix="E:\software\node\node-v14.15.1-win-x64\node_global"
cache="E:\software\node\node-v14.15.1-win-x64\node_cache"
registry="http://registry.npm.taobao.org/"

6、安装依赖(脚手架，打包插件webpack,cnpm代替npm下载等)

#安装vue.js
npm install vue -g
#安装vue-route
npm install vue-router -g
#安装vue-cli脚手架
npm install vue-cli -g
#安装webpack
npm install webpack -g
#使用yarn替换npm下载
npm install -g yarn
#安装cnpm
npm install -g cnpm

7、初始化项目

7.1、创建项目第一个项目

vue init webpack  "项目名称"
1、Project name //项目名称
2、Project description A Vue.js project //项目的描述，默认的
3、Author *@qq.com //默认，回车即可
4、Vue build (Use arrow keys) //默认，回车即可
5、Vue build standalone //默认，回车即可
6、Install vue-router? No //是否安装路由
7、Use ESLint to lint your code? Yes //是否用ESLint来规范我们的代码
8、Set up unit tests No //是否使用自动化的测试工具
9、Setup e2e tests with Nightwatch? No //使用nightatch设置E2E测试
10、Should we run npm install for you after the project has been created? (recommended) npm //选择npm安装

7.2、安装依赖(进入项目的根路径，然后执行安装命令)

cnpm install

7.3、运行项目

npm run dev

8.yarn的安装

8.1安装

npm install -g yarn

8.2相关命令

命令	操作	参数	标签
yarn add	添加依赖包	包名	--dev/-D
yarn bin	显示yarn安装目录	无	无
yarn cache	显示缓存	列出缓存包：ls，打出缓存目录路径：dir，清除缓存：clean	无
yarn check	检查包
yarn clean	清理不需要的依赖文件
yarn config	配置	设置：set <key> <value>， 删除：delete， 列出：list	[-g | --global]
yarn generate-lock-entry	生成锁定文件	无	无
yarn global	全局安装依赖包	yarn global <add/bin/list/remove/upgrade> [--prefix]	--prefix 包路径前缀
yarn info	显示依赖包的信息	包名	--json：json格式显示结果
yarn init	互动式创建/更新package.json文件	无	--yes/-y：以默认值生成package.json文件
yarn install	安装所有依赖包		--flat：只安装一个版本；--force：强制重新下载安装；--har：输出安装时网络性能日志；--no-lockfile：不生成yarn.lock文件；--production：生产模式安装（不安装devDependencies中的依赖）
yarn licenses	列出已安装依赖包的证书	ls：证书列表；generate-disclaimer：生成免责声明
yarn link	开发时链接依赖包，以便在其他项目中使用	包名
yarn login	保存你的用户名、邮箱
yarn logout	删除你的用户名、邮箱
yarn list	列出已安装依赖包		--depth=0：列表深度，从0开始
yarn outdated	检查过时的依赖包	包名
yarn owner	管理拥有者	ls/add/remove
yarn pack	给包的依赖打包	--filename
yarn publish	将包发布到npm		--tag：版本标签；--access：公开（public）还是限制的（restricted）
yarn remove	卸载包，更新package.json和yarn.lock	包名
yarn run	运行package.json中预定义的脚本
yarn self-update	yarn自身更新--未实现
yarn tag	显示包的标签	add/rm/ls
yarn team	管理团队	create/destroy/add/rm/ls
yarn test	测试 = yarn run test
yarn unlink	取消链接依赖包
yarn upgrade	升级依赖包
yarn version	管理当前项目的版本号	--new-version ：直接记录版本号；--no-git-tag-version：不生成git标签
yarn why	分析为什么需要安装依赖包	包名/包目录/包目录中的文件名