Vue项目搭建

用工匠精神打造精彩文章，分享最新科技资讯，从不同角度剖析资讯内容，剑走偏锋是我的态度，茶余饭后聊百味!各位读者们老爷们好吖，我是文艺与气质于一身实力派小编——小宸，这里可以让您看到最新最有趣的资讯内容，让您感到不同凡响的科技资讯内容，会给大家带来意外惊喜，好了不跟大家逗乐了，给大家呈现今天的精彩内容：

一、安装前说明

环境依赖： node.js ；

vue官方脚手架 ： vue-cli ；

包管理工具： npm

模块化打包工具： webpack

安装 node.js会默认安装npm，vue-cli依赖npm来安装 。

二、 安装 node.js

安装 node.js 可以直接从官网下载安装，基本是一直点下一步即可。

安装完成后查看 node 版本： node -v

安装完成后查看 npm 版本： npm -v

三、创建项目

选择 webpack作为打包工具，初始化项目，项目名是front-project。安装过程按照提示填写相关配置（默认按Enter键即可）， 这些配置最终会写到项目的 package.json 并且安装相关模块。

E:Tool>vue init webpack front-project

创建好的项目的结构：

四、运行项目

进入到项目里面，然后运行命令：

npm run dev

或者进入到项目里面，然后运行命令（指定端口）：

PORT=8090 npm run dev

今天资讯内容到此为止，大家积极探讨资讯内容，给小编提更多宝贵意见，留下您的关注，小编将持续为大家更新更多的劲爆科技资讯内容，让大家生活充满乐趣。拜拜...