搭建一个vue+webpack的前端项目

1.电脑上已经安装了nodeJs，检查cmd进入命令行，输入命令：node -v,显示有版本号，说明已安装。

2.电脑上已经安装了npm(NodeJS一起安装的包管理工具)，一般在安装nodeJs的时候，会自动安装npm；检查是否安装了nodeJs的方法，cmd进入命令行输入命令：npm -v,显示有版本号，说明已安装。

3.使用npm安装vue-cli：输入命令：npm install vue-cli -g

4.在本地新加一个文件夹huidoo，cmd命令行进入到该文件夹下，输入命令：vue init webpack yhtpc（yhtpc为项目名），这一步是搭建一个webpack的项目,输入后会有一系列提示，直接回车就可以啦。这时候在刚才建立的文件下会生成一个名为yhtpc的目录，下面有一系列的文件夹和文件。

5.cmd进入新生成一个名为yhtpc的目录下，输入命令npm install，这一步是安装依赖，即安装所有的模块，如果是安装具体的哪个个模块，在install 后面输入模块的名字即可。而只输入install就会按照项目的根目录下的package.json文件中依赖的模块安装（这个文件里面是不允许有任何注释的），每个使用npm管理的项目都有这个文件，是npm操作的入口文件。因为是初始项目，还没有任何模块，所以我用npm install 安装所有的模块。安装完成后，目录中会多出来一个node_modules文件夹，这里放的就是所有依赖的模块。

6.输入命令npm run dev，启动项目，这时候在浏览器输入 http://localhost:8080可以访问的。

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/huidoo888/article/details/93977547
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-06-28 03:21:52
阅读 ( 834 )
分类：前端

搭建一个vue+webpack的前端项目

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看