vue常用命令

VUE   2023-11-19 19:14   26   0  


创建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


博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。