• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

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

开发技术 开发技术 2周前 (05-03) 4次浏览

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项目的步骤
喜欢 (0)