【vue】前端vue工程常用命令

厨樱

已于 2024-05-18 12:10:46 修改

阅读量278

点赞数 1

文章标签： vue.js 前端框架 node.js

于 2023-12-03 18:51:43 首次发布

本文链接：https://blog.csdn.net/michiko98/article/details/134768462

版权

项目启动完成后，自动打开浏览器：在package.json中添加 --open

"scripts": {
    "dev": "vite --open",
    "build": "vue-tsc && vite build",
    "preview": "vite preview",
  }

vscode插件：帮助开发者自动生成常见代码片段，还可以自定义代码片段

Vue VSCode Snippets

关闭语法检查：

module.exports = defineConfig({
  lintOnSave: false
})

查看vue版本：

vue -V 或者vue --version

其他常用命令：

npm config set registry=https://registry.npm.taobao.org

npm config get registry

npm install --registry=https://registry.npm.taobao.org

npm cache clean --force

npm install --legacy-peer-deps
npm install --legacy-peer-deps --loglevel verbose

npm config get fetch-retry-maxtimeout
npm config get fetch-timeout
npm config set fetch-timeout 1200000

npm i xxx@4.2.0~

netstat -aon|findstr 9019

node_modules包删除提示需要管理员权限，window系统中，使用如下命令即可删除：

Windows：

通过搜索“cmd”或“Command Prompt”，右键点击并选择“以管理员身份运行”。

在打开的命令行界面中，使用rmdir /s /q node_modules命令来删除node_modules文件夹。

macOS/Linux：

打开终端，使用sudo rm -rf node_modules命令来删除node_modules文件夹。

自定义npm包打包发布过程：

拉代码库最新代码-->npm run test-->cd .\test\-->npm init --scope=yuming(包名为默认g6editor，版本号为当前最新版本号+1)-->npm login-->admin/password-->npm publish

test命令具体内容为：
"test": "vue-cli-service build --target lib ./src/components/index.js --name test--dest test",