zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Vue新建一个demo项目

Vue项目 一个 Demo 新建
2023-09-11 14:17:08 时间

Vue新建一个demo项目

Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。

1.安装node.js

首先下载安装node.js,如果已安装可以跳过,下载地址:https://nodejs.org/en/

需要注意:按照提示一步步安装即可,其中可以选择安装目录,我这里安装到F盘,其他默认,最后Finish,这个时候环境变量有问题,这里是少一个;。

如下,说明安装成功。

2.安装vue-cli

npm install -g vue-cli

3.创建项目

命令:vue init webpack demo

Project name(工程名):回车

Project description(工程介绍):回车

Author:作者名

Vue build(是否安装编译器):回车

Install vue-router(是否安装Vue路由):回车

Use ESLint to lint your code(是否使用ESLint检查js代码):n

Set up unit tests(安装单元测试工具):n

Setup e2e tests with Nightwatch(是否安装端到端测试工具):n

Should we run npm install for you after the project has been created? (recommended):回车。

4.启动项目

cd demo

npm run dev