Vue利用NPM建设项目

一、安装前说明

环境依赖：node.js

Vue官方脚手架：VUE-CLI；

包管理工具：npm

模块化包装工具：网络包

默认情况下，安装node.js将安装npm，vue-cli的安装依赖于npm。

其次，安装node.js

要安装node.js，可以直接从官网下载安装，基本上只需点击Next即可。

安装后检查节点版本：node -v v。

安装后检查npm版本。

第三，创建一个项目

选择webpack作为打包工具来初始化项目。项目名称为前置项目。安装过程中，根据提示填写相关配置(默认按回车键)，这些配置最终会写入项目的package.json中，并安装相关模块。

E:\Toolvue init webpack前端项目

创建项目的结构：

项目结构描述可以参考菜鸟教程：

http://www.runoob.com/vue2/vue-directory-structure.html

四.运行项目

输入项目并运行命令：

npm运行开发

或者进入项目并运行命令(指定端口):

端口=8090 npm运行开发

摘要

上面提到的是边肖介绍给你的Vue用NPM来建项目，希望对你有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！