| |
|
开发:
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 命令,即可方便的把它安装到自己的电脑上:
? 基于 vue-cli 快速生成工程化的 Vue 项目: vue create 项目的名称 找到一个任意文件目录,打开终端,示意如下: ???????? 你会出现如上选择,但是第一个是我自己设置的配置你可以不用管,如果你第一次使用只会出现我的上面的第二到第四个选择。 ? ? ?你可以按键盘 ↓?键选择自己想要创建的项目(vue2 ,vue3 ,自己按需配置vue项目) ? ? ? ?vue2 和 vue3 里面都提前配好的固定配置,最后一个选择是自己按需配置。 ? ? ? ? 这里我们直接选择vue2项目,按下回车,然后等待依赖下载完成后出现如下显示,vue-cli搭建vue项目就成功啦,是不是非常快捷简单。 ???????? ?我们进入到项目目录,根据提示运行 npm run serve 访问http://localhost:8080/?即可看到搭建的初始化页面。 ???????? ? ok到此vue-cli 就学习结束,下一节我们就可以开始基于vue脚手架的vue学习啦。 ? ? ? ?? ? ? |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
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- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |