IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Vue-cli快速创建vue项目 -> 正文阅读

[JavaScript知识库]Vue-cli快速创建vue项目

使用vue-cli需要的环境:nodejs

一、什么是vue-cli?

????????还记得最初使用webpack搭建项目的痛苦了吗,各种配置,去配置我们的各种loader,插件,项目运行脚本,非常难受。

? ? ? ? 今天我们就学习vue-cli 这个东西,再无webpack配置之忧。

? ? ? ? vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。

????????它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。

????????引用自 vue-cli 官网上的一句话: 程序员可以专注在撰写应用上,而不必花好几天去纠结 webpack 配置的问题。

了解完之后,下面我们直接开始去进行vue-cli的简单使用。

?

二、安装和使用

????????vue-cli 是 npm 上的一个全局包,使用 npm install 命令,即可方便的把它安装到自己的电脑上:

npm install -g @vue/cli

?

基于 vue-cli 快速生成工程化的 Vue 项目:

vue create 项目的名称

找到一个任意文件目录,打开终端,示意如下:

????????fa7b8fd2252a4f8f875dcb2d78406f47.png

你会出现如上选择,但是第一个是我自己设置的配置你可以不用管,如果你第一次使用只会出现我的上面的第二到第四个选择。

? ? ?你可以按键盘 ↓?键选择自己想要创建的项目(vue2 ,vue3 ,自己按需配置vue项目)

? ? ? ?vue2 和 vue3 里面都提前配好的固定配置,最后一个选择是自己按需配置。

? ? ? ? 这里我们直接选择vue2项目,按下回车,然后等待依赖下载完成后出现如下显示,vue-cli搭建vue项目就成功啦,是不是非常快捷简单。

????????3e6846c778334b709914551515ed6e2f.png

?我们进入到项目目录,根据提示运行 npm run serve 访问http://localhost:8080/?即可看到搭建的初始化页面。

????????6f6a3cbf429546b6a20c6793ce37368e.png

?

ok到此vue-cli 就学习结束,下一节我们就可以开始基于vue脚手架的vue学习啦。

? ? ? ??

?

?

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-08-06 10:34:49  更:2022-08-06 10:37:50 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年1日历 -2025/1/11 12:29:33-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码