2. 在终端中进入你的项目目录,使用cd命令进行切换。3. 确保你的项目中存在一个可用的打包命令,例如npm run build或者yarn build,如果没有该命令,你需要先配置好打包命令。4. 在终端中输入打包命令,如npm run build,并按下回车运行命令。5. 等待打包完成,通常在终端输出中会显示打包的进度和结果。6. 打包完成...
6. 如果你想要运行其他npm命令,如”npm start”用于启动项目,或”npm run build”用于构建项目等,同样可以在终端中输入相应的命令并运行。 总结:在VSCode中运行npm命令非常简单。只需打开终端,并确保在项目文件夹中的正确路径下,然后输入所需的npm命令并运行即可。 赞同 9个月前 0条评论 worktile Worktile官方...
一、打包 在vscode终端中执行npm run build,将项目打包,会生成一个dist文件夹。 image.png 二、HbuilderX创建项目 1、打开HbuiderX,新建5+App项目 新建项目 2、替换文件 将新建的项目freshapp下的css、js、img文件夹和html文件删掉,将打包生成的dist文件里的文件夹、文件拷贝到freshapp目录下。如下图。 替换文...
使用node -v 查看 Node 版本 使用npm -v 查看 npm 版本 配置npm 仓库镜像为阿里云的镜像 配置命令 npm configsetregistry https://registry.npmmirror.com 项目安装依赖 执行命令npm install安装依赖 执行命令npm run dev运行项目 项目打包 执行命令npm run build 会将项目打包到项目打包到 dist 文件夹...
1、大家都知道使用npm run build进行打包,这个时候你直接打开dist/下的index.html,会发现文件可以打开,但是所有的js,css,img等路径有问题是指向根目录的, 查看config/index.js里的assetsPublicPath的字段,初始项目是/他是指向项目根目录的,此处配置可以修改视具体情况而定下面三种情况为配置值具体含义。
如果报错，请确认vscode是以管理员权限运行,cmd窗口运行node -v,npm -v是否正常。4.5：执行命令：npm run dev 4.6：在浏览器上就可以访问了http://localhost:9528/ 5：将项目编译成静态页面 执行命令：npm run build:prod vscode的版本不同，命令会有区别，查看这个文件package.json,找到图中红圈的地方，有的...
npm run build:%PLATFORM% 比如:运行至微信小程序的命令:npm run dev:mp-weixin 发现命令还是比较长的,其实有更简便的方式,VSCode支持一键运行npm脚本,我们以微信小程序为例。 VSCode跟Hbuilder x不同的是,VSCode不会自动在微信开发者工具导入项目并打开,我们需要手动导入项目,只需要导入一次就行了,以后直接打开微...
4.在终端输入npm run build 之后会自动生成一个dit文件夹,这就是我们打包后所需要的项目文件,放到服务器上,路径要与nginx配置路径一致(之后具体讲解) 二、Linux服务器上安装nginx并且进行相关配置 1.nginx简介 Nginx(发音同 engine x)是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并...
1、常用命令 检测是否安装及版本 npm-v#显示版本号说明已经安装相应的版本 生成 package.json 文件 npm...
一、 vscode常用插件 1. any-rule 常用正则大全 使用: 按F1(或ctrl + shift + p) -> 输入zz可以看到正则列表(或者输入关键词, 比如"手机") 图1-1 2. Auto Close Tag 自动补全 html 标签 3. Auto Rename Tag 自动完成另一侧标签的同步修改