微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐