下载git时,先进官网看
https://git-scm.com/download/win
阿里有一个镜像,下载速度超快。
网址:https://npm.taobao.org/mirrors/git-for-windows/
npm 的作用:
1. 允许用户从 npm 服务器下载别人编写的第三方包到本地使用。
2. 允许用户从 npm 服务器下载并安装别人编写的命令行程序到本地使用。
3. 允许用户将自己编写的包或命令行程序上传到 npm 服务器供别人使用。
前端常用指令:
输入下面指令,会输出当前的 npm 包版本。
npm -v
初始化 package.json
npm init
项目需安装一个新模块,有多种下载方式,按下载模块的实际需求选择,例如:vue-markdown
# 将 vue-markdown 模块下载到本地 不指定版本即安装最新版本 install 可缩写 i npm install vue-markdown # 将 vue-markdown 模块下载到本地并且全局安装 global 可缩写 gnpm install vue-markdown -global # 将 vue-markdown 模块下载到本地并修改项目配置文件 package.json,作为项目开发依赖 npm install vue-markdown -save-dev # 将 vue-markdown 模块下载到本地并修改项目配置文件 package.json,作为项目依赖npm install vue-markdown -save
项目需移除已下载旧模块,移除也有多种方式,与下载类似,将 install 换成remove 即可
# 将 vue-markdown 模块从本地移除 npm remove vue-markdown # 别的都类似,参考 npm install 即可# uninstall 移除已安装模块npm uninstall vue-markdown
查看项目已安装模块
# 列出当前项目的所有下载模块 npm list# 列出本地已全局下载的模块npm list -global
强制删除所有模块,也就是删除 node_modules 目录
# 删除 node_nodules 文件夹 rm -rf node_modules
npm 服务器在国外,我们可以通过下载 cnpm 来实现下载慢以及科学上网的问题
# npm下载模块时候会发现效率真的很慢,所以推荐淘宝的镜像即 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org# 使用:npm改成使用cnpm安装模块即可,简单,省事
下载最新的模块
# 下载最新的 vue-markdown 模块 npm update vue-markdown # 如果npm 版本大于 2.6.1 则可以使用npm install vue-markdown
npm 不仅可以用于模块管理,还可以用于执行脚本。package.json文件有一个scripts字段,可以用于指定脚本命令,供 npm 直接调用。
# scripts字段指定了两项命令start和dev。 # 命令行输入# npm run-script start 或者npm run start,# 就会执行 npm run dev 。# npm run 是npm run-script的缩写,一般都使用前者,但是后者可以更好地反应这个命令的本质。{ "name": "myproject", "devDependencies": { "less-loader": "^3.0.4", }, "scripts": { "start": "npm run dev", "dev": "vue-cli-service service" }}