Vue框架搭建快速入门

2024-05-10 17:49:46

如何快速的搭建一个Vue的框架

安装的环境
说明

安装的环境

- node.js

https://nodejs.org/zh-cn/（官网）
https://npm.taobao.org/mirrors/git-for-windows/（淘宝镜像）

安装的步骤只需要无脑的安装，下一步（可以更改自己的安装路径）

- 查看是否安装成功
在cmd窗口中输入以下两个命令（npm:就是一个软件包管理工具）

node -v
npm -v
- 安装Node.js淘宝镜像加速器（cnpm）
npm install cnpm -g

- 安装vue-cli
cnpm instal1 vue-cli-g
vue list
第一个 Vue项目
在自己的磁盘中创建一个文件夹，从文件夹中进入cmd窗口

一路都选择no即可；

说明

Project name：项目名称，默认回车即可
Project description：项目描述，默认回车即可
Author：项目作者，默认回车即可
Install vue-router：是否安装vue-router，选择n不安装（后期需要再手动添加）
Use ESLint to lint your code:是否使用ESLint做代码检查，选择n不安装（后期需要再手动添加)
Set up unit tests:单元测试相关，选择n不安装（后期需要再手动添加）
Setupe2etests with Nightwatch：单元测试相关，选择n不安装（后期需要再手动添加）
Should we run npm install for you after the,project has been created:创建完成后直接初始化，选择n，我们手动执行；运行结果！

查看目录

npm run dev

Vue框架搭建快速入门相关推荐

vue.js的快速入门使用
1. vue.js的快速入门使用 1.1 vue.js库的下载 vue.js是目前前端web开发最流行的工具库,由尤雨溪在2014年2月发布的. 另外几个常见的工具库:react.js /angula ...
2017 Vue.js 2快速入门指南
注意,据部分读者反映本文水多,怕湿身者勿进.后续推荐详解 Vue & Vuex 实践 2017 Vue.js 2快速入门指南翻译自Vue.js 2 Quickstart Tutorial 20 ...
分布式应用框架Akka快速入门
转自:分布式应用框架Akka快速入门_jmppok的专栏-CSDN博客_akka 本文结合网上一些资料,对他们进行整理,摘选和翻译而成,对Akka进行简要的说明.引用资料在最后列出. 1.什么是Akk ...
1. vue.js的快速入门使用
1. vue.js的快速入门使用1.1 vue.js库的下载1.2 vue.js库的基本使用1.3 vue.js的M-V-VM思想1.4 显示数据2. 常用指令2.1 操作属性2.2 事件绑定例如:完 ...
Vue (一) --- vue.js的快速入门使用
=-----------------------------------把现在的工作做好,才能幻想将来的事情,专注于眼前的事情,对于尚未发生的事情而陷入无休止的忧虑之中,对事情毫无帮助,反而为自己凭添 ...
vue框架搭建前端登录界面
使用vue框架搭建前端登录界面,用v-bind引入类,v-model实现数据绑定,v-on实现事件处理机制的处理. <!DOCTYPE html> <html lang=" ...
springboot aop使用_Springboot 完整搭建快速入门，必看！
点击上方蓝字关注我们作者:CansluckCSDN博客:https://blog.csdn.net/xgx120413 前言手把手教你Springboot微服务项目搭建快速入门,通过本文学习Spr ...
服务器搭建快速入门——适用于Android应用服务器、微信小程序服务器（一）
目录服务器搭建快速入门--适用于Android应用服务器.微信小程序服务器适用人群使用方案准备工作硬件方面软件方面开始搭建服务器搭建快速入门--适用于Android应用服务器.微信小程 ...
JavaWeb『Vue.js』快速入门
Vue快速入门第一节准备Vue.js环境 1.开发中的最佳实践 2.Vue框架的js文件获取 3.本地创建vue.js文件 4.创建HTML文档并引入vue.js 第二节 Vue.js基本语法:声 ...

最新文章

热门文章