首页天道酬勤vue项目开发流程,怎么打开vue项目

vue项目开发流程,怎么打开vue项目

张世龙 05-05 16:15 12次浏览

一、安装node环境与npm

1、首先,从https://nodejs.org/en/下载node.js

2、配置环境变量(注意区分用户变量和系统变量) ) ) ) )。

(1)用户变量: d :\develop\nodejs\node _ modules

(2)系统变量: d: ) develop(nodejs; d :\develop\nodejs\node _ global

3、检查安装是否成功:输出版本号,表示节点环境安装成功

4、为了提高我们的效率,淘宝的镜像: http://npm.taobao.org/

输入: NPM install-gcn pmregistry=https://registry.NPM.Taobao.org允许安装NPM镜像。 稍后用于NPM的地方直接用cnpm代替就可以了。

检查安装是否成功:二、搭建vue项目环境并创建vue项目

安装vue-cli

cnpm安装vue-cli-g//全局安装vue-CLI

检查vue-cli是否成功。 无法检查vue-cli。 需要检查vue

2、进入你的项目目录,创建基于webpack模板的新项目。 从本步骤开始,我们将以WebStorm软件为例创建基于脚手架的Vue项目。

说明:

Vue build==打包方式,回车即可;

install vue-router==是否安装vue-router,因为项目中一定会使用,所以y回车;

Use ESLint to lint your code==目前我们不需要语法检查,所以n回车;

Set up unit tests==当前不需要安装单元测试工具,因此返回n滑架;

Setup e2e tests with Nightwatch==返回,因为目前不需要端到端测试工具;

这个模板项目创建成功了。 请参照下图

3、进入项目后安装依赖项

依赖项安装完成后,将在下图中增加一个红框文件

4、启动项目(如下图所示项目启动成功) ) )。

进入5,http://localhost :8080 /将打开项目主页

6、至此,vue项目圆满立项!

vue完整项目,vue快速搭建项目