npm是一个node包管理和分发工具,已经成为了非官方的发布node模块 (包)的标准。有了npm,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。
今天我给大家总结一下 node.js vux git 的npm的命令分别都有什么 。
## node.js的npm的控制命令
1、npm install moduleNames:安装Node模块
安装完毕后会产生一个node_modules目录,其目录下就是安装的各个node模块。
2. npm install express
默认会安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express
npm install --save
安装的同时,将信息写入package.json中项目路径中如果有package.json文件时,直接使用npm install方法就可以根据dependencies配置安装所有的依赖包
3、npm list:查看当前目录下已安装的node包
注意事项:Node模块搜索是从代码执行的当前目录开始的,搜索结果取决于当前使用的目录中的node_modules下的内容。$ npm list parseable=true可以目录的形式来展现当前安装的所有node包
4、npm help:查看帮助命令
5、npm view moudleName dependencies:查看包的依赖关系
6、npm view moduleName repository.url:查看包的源文件地址
7、npm view moduleName engines:查看包所依赖的Node的版本
8、npm help folders:查看npm使用的所有文件夹
9、npm rebuild moduleName:用于更改包内容后进行重建
10、npm outdated:检查包是否已经过时,此命令会列出所有已经过时的包,可以及时进行包的更新
11、npm update moduleName:更新node模块
12、npm uninstall moudleName:卸载node模块
13、一个npm包是包含了package.json的文件夹,package.json描述了这个文件夹的结构。访问npm的json文件夹的方法如下:
$ npm help json
此命令会以默认的方式打开一个网页,如果更改了默认打开程序则可能不会以网页的形式打开。
14、发布一个npm包的时候,需要检验某个包名是否已存在
$ npm search packageName
15、npm init:会引导你创建一个package.json文件,包括名称、版本、作者这些信息等
16、npm root:查看当前包的安装路径
npm root -g:查看全局的包的安装路径
17、npm -v:查看npm安装的版本
vux 的npm命令
- 1 首先搭建vux项目*
- 准备
1.安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入cmd),
node -v//显示node版本
npm -v //显示npm版本号
2 . 准备
2.nmp镜像
Cmd命令行中输入
通过npm使用
npm config set registry https://registry.npm.taobao.org
通过cnpm使用
npm install -g cnpm –registry=https://registry.npm.taobao.org
3.安装vue脚手架工具vue-cli
npm install -g vue-cli
vue –version //显示版本
2. 搭建
1.vux init webapck + name(你的文件名字)创建一个组件,
接着会让你点yes, 其他都是no
2. cd一下你名字
3. npm install vux --save 接着往下操作
4. 2.npm install vux-loader --save
5. 在.buil 文件夹里面找到webpack.bass.conf.js这个文件夹 里面
打上const vuxLoader = require(‘vux-loader’)const vuxLoader = require(‘vux-loader’) const vuxLoader = require(‘vux-loader’)const vuxLoader = require(‘vux-loader’)
const webpackConfig = originalConfig(删除接后面)
// 原来的 module.exports 代码赋值给变量 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: [‘vux-ui’]
})
6.npm install vue-style-loader 接着往下走
7.npm install css-loader
8.npm install less-loader
9.npm install less
10. 如果npm run dev成功的话 就说明这个组件就创建成功了
git的npm命令
1.环境配置
1,node安装
打开nodejs官网:https://nodejs.org/en/
下载稳定版本(LTS)的node,下载完成之后通过如下命令检查:
node -v // 检查node的版本,由于nodejsy已经集成了npm,所以安装了 node,npm也一并安装好啦
npm -v // 检查npm的版本
用户名设置
git config --system user.name “hic”
git config --global user.name “hic” git config user.name “hic”
电子邮件
git config --global user.email "hic@gmail.com"
设置文本编辑器,默认为vi,这里设置为text
git config --global core.editor test
查看配置信息
git config --list
如果要查看某个特定的环境变量,只要把它的名字放到最后即可
git config user.name
选择工作目录
选择一个工作目录,开始工作,同时我们添加一些文件和目录。
~$ mkdir test
~$ cd test/
~/test$ ls
~/test$ echo "Hello world! " > README
~/test$ echo "This is a test! " > file
初始化
~/test$ git init Initialized empty Git repository in /home/hic/test/.git/
~/test$ la file .git README
执行这条命令之后,在test目录下会出现一个隐藏的.git目录,该目录会保存工程中所有的信息。
分支
如果事先没有作出任何的更改,一个项目是没有分支的,它只有一条主线,例如:
~/test$ git branch * master
这里master就是主干,就是整个开发的流程,它前面的星号表示当前开发的流程。
如果在开发过程中,我们突然需要添加某个功能,或者打上某个补丁,可以在 master主干上添加一个分支,比如host,例如:
~/test$ git checkout -b host
Switched to a new branch ‘host’
~/test$ git branch
- host master
这个时候,你可以清楚的看到星号已经在host头上,表示当前已经切换到host上,你可以开发你的补丁,而不会打乱主干的开发。
如果你在开发过程中想要回到主干,可以使用checkout命令进行切换。
~/test$ git checkout master
Switched to branch ‘master’
此时,你又回到主干了。
2.clone代码到本地:
$git clone git + 要上传的网址
// 第一次上传
git init
git add .
git commit -m " 你的文件名字
// 第一次上传后的修改及以后上传的操作
git pull //先更新
git add .
git commit -m “修改 commit”
以后会多加补充内容