vuejs学习4.1 vueCLI的介绍与安装

最新推荐文章于 2021-02-26 14:12:20 发布
最新推荐文章于 2021-02-26 14:12:20 发布
阅读量140 收藏
点赞数
分类专栏： vuejs 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39225271/article/details/108346395
版权

vueCLI

vueCLI介绍

如果是小的demo程序，不需要使用VueCLI，但是如果是开发大型项目，必然需要使用VueCLI，因为大型应用需要考虑代码目录结构，项目结构部署，热加载等等

CLI是Command Line Interface翻译为命令行界面俗称脚手架
VueCLI是官方发布vuejs项目的脚手架
使用vueCLI可以快速搭建Vue开发环境和对应的webpack配置

vueCLI的前提——node，webpack

链接: webpack与node安装.

vueCLI的安装

vueCLI全局安装，现在为vueCLI 4.x版本

npm install @vue-cli -g

如果你想使用vueCLI2.x,可以继续在终端输入

npm install -g @vue/cli-init

这样就可以既使用2.x版本也使用其他版本

to-and-fro
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SolVES 4.1模型安装教程
10-10
SolVES 4.1 模型安装教程 本教程将指导用户安装 SolVES 4.1 模型，包括 Java、PostgreSQL、PostGIS、QGIS 和 SolVES 插件的安装。 Java 安装 在开始安装 SolVES 4.1 模型之前，需要首先安装 Java。Java 是一种...
施耐德最新Somachine V4.1安装步骤及注意事项
11-07
施耐德Somachine V4.1安装步骤及注意事项 Somachine V4.1是施耐德最新的自动化解决方案，旨在提高生产效率和降低成本。为了确保正确地安装和使用Somachine V4.1，需要遵循以下安装步骤和注意事项。 安装准备 在...
vue-cli 4.0安装及项目搭建
热门推荐
我的博客
11-07 1万+
安装 1.卸载旧版本vue-cli npm uninstall -g vue-cli 如果卸载有问题，检查C:\Users\用户\.npmrc文件，删除以下代码 cache=C:\Program Files\nodejs\node_cache prefix=C:\Program Files\nodejs\node_global 2.安装新版本 node版本必须在10.0.0以上才支...
vue-cli4.1.1使用注意事项：
weixin_41786470的博客
12-05 1412
vue-cli4.1.1使用注意事项： 1 安装全局扩展 sudo npm install -g @vue/cli-service-global 2创建一个项目 vue create 项目名称 3创建完成后 为了避免后续使用时出错，选择手动 4上一步骤手动创建后，会跳出以下信息 这里只需要选中Bable，Router,Vuex,Css预编译即可 space键为选中选项，enter键为确...
Vue cnpm vue - cli4.1.1 脚手架 项目初始化 实例（详细教程）
Bnana博客
12-08 1698
vue 项目初始化 vue 脚手架 vue 脚手架初始化项目 vue cli4.0 vue 项目搭建教程 vue 创建项目 vue 新手教程 vue node npm环境初始化 解压node js 安装包 配置 nodejs主目录到path PATH F:\Web developer tool\node_js\node-v12.13.0-win-x64\node_global PATH F:\Web developer tool\node_js\node-v12.13.0-win-x64 //配置node
Vue项目 四、表现 4.1
旅行的风筝
09-28 257
1、登录验证
vue开发者工具vue-devtools-4.1.4_0.crx谷歌插件下载及安装
diaobang0776的博客
01-01 848
网盘地址： https://pan.baidu.com/s/14PoaihUHQZEJtiHNWUmdjg 下载好后 谷歌浏览器中扩展程序，开启开发者模式，将下载的文件拖到窗口中即可 然后重启浏览器 就可以看见了 转载于:https://www.cnblogs.com/wordblog/p/10204199.html...
VUE-CLI项目代码规范.docx
03-30
VUE-CLI 项目代码规范 在本文档中，我们将讨论 VUE-CLI 项目代码规范，涵盖命名规则、CSS 书写规范、JS 书写规范和 .vue 文件书写规范等方面的内容。这些规范旨在帮助开发者更好地编写 Vue.js 项目代码，提高代码...
HEC-RAS 4.1安装软件.rar
08-21
HEC-RAS适用于河道稳定和非稳定流一维水力计算,其功能强大,可进行各种涉水建筑物(如桥梁、涵洞、防洪堤、堰、水库、块状阻水建筑物等)的水面线分析计算,同时可生成横断面形态图、流量及水位过程曲线、复式河道三维...
Efilm 4.1 安装文件和注册机 part4
11-29
Efilm 4.1 安装文件和注册机 第四部分 共四部分。 http://blog.csdn.net/crazpro/article/details/53389994
【CSDN软件工程师能力认证学习精选】vue.js 三种方式安装(vue-cli)
CSDN高校俱乐部官方博客
02-26 2152
CSDN软件工程师能力认证（以下简称C系列认证）是由中国软件开发者网CSDN制定并推出的一个能力认证标准。C系列认证历经近一年的实际线下调研、考察、迭代、测试，并梳理出软件工程师开发过程中所需的各项技术技能，结合企业招聘需求和人才应聘痛点，基于公开、透明、公正的原则，甑别人才时确保真实业务场景、全部上机实操、所有过程留痕、存档不可篡改。 我们每天将都会精选CSDN站内技术文章供大家学习，帮助大家系统化学习IT技术。 Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web .
vue-cli4.0详细讲解下我们搭建脚手架的步骤
浩星
11-11 1万+
前言： 这个搭建脚手架的话实际是我们创建一个新项目的第一步，当然，现在脚手架4.0都出来了，经过使用后发现跟我们之前的3.0使用方法是答题一样的，其中用vue-cli3.0来搭建我们的项目的话又分为两种，一种是直接用3.0的typescript的方法来创建使用项目，但是实际生活中我们会发现，这种语法应用还是比2.0那种语法来说难度更高一些，所以我们这里来说一说我们使用了vue3....
vuejs学习2.7 语法——组件化开发2——组件通信与访问
qq_39225271的博客
08-31 1839
组件通信父子组件通信父传子——props 父子组件通信 父传子——props
vuejs学习2.3 vue语法——v-if，v-else，v-else-if，v-show，v-for
qq_39225271的博客
08-10 804
vue语法v-ifv-elsev-else-if用户登陆切换v-showv-for遍历数组遍历对象数组的哪些方法是响应式的非响应式响应式pushpopshiftunshiftsplicesortreverse v-if v-if后面的条件为true，对应的子元素及其子元素才会被渲染 <body> <div id="app"> <h2 v-if="true">{{message}}</h2> <h2 v-if="false">{{messag
Vuejs学习2.1 vue语法——插值语法，动态绑定属性
qq_39225271的博客
08-10 481
Vue语法插值语法Mustache语法v-oncev-htmlv-textv-prev-cloak动态绑定基本使用动态绑定class对象语法数组语法动态绑定style对象语法数组语法综合例子 首先我们需要new一个vue对象来实现对特定id得模块进行操作，el表示模块的id（为字符串），data表示用到的数据（为对象），还包含methods等等 <script> const app = new Vue({ el:'#app', data:{ message:"你好
vuejs学习4.4 vueCLI3和箭头函数
qq_39225271的博客
09-09 459
vueCLI3vueCLI3创建项目vueCLI3目录结构 vueCLI3创建项目 vueCLI3基本上零配置 vue create vuecli3learn 然后pick a preset选择一个配置，这里选择Manually select features来手动选择配置，（空格选择取消），选择完成回车 这里选择单独的配置文件便于修改 选择n，如果选择了向想删掉， vueCLI3目录结构 ...
vuejs学习3.2 webpack基本使用——对js的打包
qq_39225271的博客
09-01 395
webpack使用webpack起步webpack配置 webpack起步 dist文件夹保存打包的文件，src存放源文件 src中三个js文件使用模块化，想在index文件中调用，如果直接使用 < script src="./src/main.js"></ script>由于浏览器不能识别commonJs代码，所以不能运行成功 可以通过webpack对文件打包成浏览器能够识别的文件，执行如下: 终端Terminal通过cd进入指定文件夹（cd 文件名表示进入文件，cd …表示退到
vuejs学习6.2Vuex——getters，mutation，action，module与文件目录
qq_39225271的博客
10-13 300
属性gettersmutations定义与更新方式参数问题提交风格 getters 类似于单个组件中的计算属性 默认参数为state，参数可以添加getters，但是不能添加其他 在store中定义getters getters:{ powerCounter(state){ return state.count*state.count; } }, 使用时： <h2>{{$store.getters.powerCounter}}</h2> state
vuejs学习5.1 前后端渲染与前后端路由，url的hash，html5的history
qq_39225271的博客
09-09 286
vue-router路由前端渲染，前端路由和后端渲染，后端路由后端渲染，后端路由前后端分离阶段单页面富应用（SPA）修改页面不刷新url的hashhtml5的history 路由 路由是通过互联网的网络把信息从源地址传输到目的地址的活动 前端渲染，前端路由和后端渲染，后端路由 后端渲染，后端路由 在输入路径url向服务器请求页面时，服务端已经通过css+html+java渲染了一个页面，直接将页面给浏览器显示，就是后端渲染。 浏览器将url提交给服务器，服务器对url进行解析，通过css+ html+jav
深度学习+计算机视觉+openCV4.1官方文档
04-07
本资源聚焦于OpenCV 4.1官方文档的中文翻译和介绍，旨在帮助读者系统地学习和掌握OpenCV在Python环境下的应用。 OpenCV-Python是OpenCV的核心部分，它允许开发者利用Python语言与底层C++库进行交互，从而既保持代码...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值