使用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

 

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

上一篇:Web安全实践


下一篇:phpstorm