webpack+vue初始化项目
2023-03-07 09:44:57 时间
第1步:官网下载并安装nodejs
nodejs官网:http://nodejs.cn/download/
第2步:npm下载插件速度很慢,推荐安装淘宝镜像cnpm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
第3步:创建项目
①安装vue-cli脚手架构建工具
cnpm install -g vue-cli
②初始化基于webpack的vue项目
vue init webpack project_name
③进入project_name
cd project_name
④安装必要的插件
cnpm install
第4步:运行项目
npm run dev
第5步:打包项目
npm run build
注意事项:
在打包后,如果程序路径报错,在config文件夹下的index.js修改build下的assetsPublicPath:’./’程序就能正常运行
- 使用vue-cli非常方便快速,它可以为我们生成基本的Vue的项目结构。 检测npm版本,在终端输入 npm -v 全局安装vue-cli,在终端里输入,npm install -g vue-cli 在终端中输入 vue init webpack vueTest(项目名称可自定义)根据情况选择Y/N
- 等到上面这些都正确安装完成后,我们需要验证一下,我们安装是否成功。 使用npm run dev 进行测试环境的打开 在浏览器中输入 http://localhost:8080 进行测试 如果没用自动打开浏览器,可以找到config/index.js中修改 autoOpenBrowser: true即可
相关文章
- YesDev多功能项目协作,推荐一款简易强大的研发协同工具
- 2023-01-14:给定一个二维数组map,代表一个餐厅,其中只有0、1两种值 map[i][j] == 0 表示(i,j)位置是空座 map[i][j] =
- leetcode 二分查找 35. Search Insert Position
- 高效JSON解析方案
- 不背锅运维:Zabbix数据查询技巧分享:快速找出zabbix的sql
- 你可能不知道的20个Git命令,但真的很实用
- 【SaaS金羊毛】AI写作助手_Jasper
- 煤矿人员工服着装智能识别监测系统
- 一个油猴脚本,让你的百度网盘下载不限速!
- Tampermonkey配合IDM实现网盘不限速
- google、YouTube、Medium进度条
- 如何避免内存溢出和频繁的垃圾回收
- 推荐一款文本编辑器的主题
- 【愚公系列】2023年01月 .NET CORE工具案例-LazyCaptcha图片验证码
- Docker 命令集锦
- 过度设计有意义吗
- 六问Nerf | 简单易懂的神经辐射场入门介绍
- 大厂怎么做Code Review?
- 使用 Excel cdata addmin 连接 SAP ABAP 系统时需要填写的参数定义解释
- 国际版抖音tiktok,用户量从15亿20亿,覆盖150多个国家