创建VUE项目流程:
npm install --global vue-cli
vue init webpack my-project
cd my-project
npm install
npm run dev
这里的dev是在package.json中配置的脚本:
"scripts": {
"dev": "node build/dev-server.js",
"build": "node build/build.js",
"unit": "karma start test/unit/karma.conf.js --single-run",
"e2e": "node test/e2e/runner.js",
"test": "npm run unit && npm run e2e",
"lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
}
vue create my-project:创建一个VUE项目
npm init vite-app:创建VUE项目(只支持VUE3)
vue serve index.vue: 启动一个单文件组件
vue build index.vue: 使用webpack编一个VUE应用程序
npm i vue-router@3.5.3:安装vue-router路由
vue add vue-route: 添加插件到现有的VUE项目中
vue ui: 使用图形化界面管理VUE项目
vue-cli-service: 运行各种VUE CLI服务命令
vue test test.spec.js:运行单元测试
vue lint:进行代码检测和格式化
vue inspect:查看配置信息
vue -v:查看VUE版本
npm list -g:查看全局已经安装过的node包
cnpm sync connect:同步模块
npm install express -g:安装node.js的web框架模块express
npm list express:查看express插件详细
npm uninstall -g express:卸载express插件
npm list -g --depth 0:只查看一级的
npm config list:配置详情,可以看到npm的安装路劲和node 安装的地方
npm config get prefix:获取配置值
npm config ls -l:查看全部配置
npm cache clear:可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码
npm常用命令
列出npm所有命令用法
# 1.通过npm -l 命令可以列出npm所有命令用法,当忘记用法时只需要记住这一个命令就可以查到所有的命令,非常有用。
npm -l
查看npm安装的依赖包
#当前项目安装的所有模块
$npm list
#列出全局安装的模块 带上[--depth 0] 不深入到包的支点 更简洁
$ npm list -g --depth 0
安装依赖包
# 自动读取当前路径下package.json里面的配置单安装依赖
$ npm install :可简写成 npm i 包名
# 默认安装依赖包最新版本
$ npm install 包名
# 安装依赖包指定版本
$ npm install 包名@版本号
# 全局安装
$ npm -g i 包名
# 安装到生产环境
npm i name -save的简写npm i name -S:自动把模块和版本添加到dependencies。
# 安装到开发环境
npm i name -dev简写npm i name -D:自动把模块和版本添加到devDependencies
# 安装指定指定版本范围内的模块
$ npm install 包名@">=1.0.28 < 2.0.0"
# 通过Github代码库地址安装
$ npm install git://github.com/package/path.git
卸载依赖包
# 卸载局部安装包
npm uninstall 包名
# 卸载全局安装包
npm uninstall 包名 -g
更新依赖包版本
# 更新本地局部安装包为最新版本
npm update 包名
# 更新本地局部安装包为指定版本
npm update 包名@版本号
# 更新全局安装包
npm update 包名@版本号 -g
查看已安装的包
# 查看全局安装的包
npm list -g --depth 0
# 查看局部安装的包
npm list --depth 0