首页 > Web开发 > 详细

使用npm快速搭建webpack项目的步骤

时间:2021-05-03 22:37:47      阅读:35      评论:0      收藏:0      [点我收藏+]

1.下载更新npm(全局安装)

1 npm i -g n;

检测安装是否成功

node -v

显示版本号即为成功

2.安装vue-cli(脚手架)

1 npm i -g vue-cli

检测是否安装成功

1 vue -v

显示版本号即为成功

3.进入项目存放目录生成项目

1 vue init webpack projectname

4.启动项目

1 npm run dev

小技巧tip:在当前项目下,新建.bat文件,写入命令npm run dev,保存文件。之后需要启动项目时,双击此文件即可

5.发布项目

1 npm run build

此时会在项目根目录下生成一个dist文件夹,之后将文件夹拷到服务器上就可以了

ps:在安装过程中,如果出现安装失败的情况,删除node_modules,使用命令

1 cnpm i

重新安装即可

6.安装开发依赖

1 npm i axios --save

 

使用npm快速搭建webpack项目的步骤

原文:https://www.cnblogs.com/zijinxi/p/14728150.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!