Vue全家桶构建项目

news/2024/7/9 23:52:16 标签: vue, js, 前端

步骤一、安装vue-cli

首先,我们可以通过npm安装vue-clic,前提是我们需要有node环境,如果电脑还没安装node,先安装,可通过

node -v
查询node的版本号,有版本号则已经安装成功;

vue全家桶项目构建教程
接下来,我们需要确保电脑已经安装了webpack,webpack是一个包管理工具,也是vue-cli的构建工具,安装也很简单,全局安装只需要执行

npm install webpack -g
紧接着,开始我们vue-cli的安装

npm install --global vue-cli

步骤二、构建工程文件

安装完vue-cli后,我们可以通过在cmd中输入

vue init webpack projectName


http://www.niftyadmin.cn/n/1367717.html

相关文章

Vue下载文件不成功及下载文件名称问题

看代码 import axiosDown from "axios";downloadFile(path) {return axiosDown({url: path,method: "get",responseType: "blob" // 这一步也很关键,一定要加上 responseType 值为 blob});},downloadWay(item) {// console.log(item…

js代码优化

1.避免多条件并列 let status process; let arr [process, wait, fail] if (arr.includes(status)) {console.log(避免多条件并列--2);}

C++ day44

1、全局变量,int monster 10000;定义英雄类hero,受保护的属性string name,int hp,int attcKk;公有的无参构造,有参构造,虚成员函数void AtK()[blood-0,},法师类继承自英雄类,私有属性int ap_at…

JS大坑之17位(含)以后的Number类型数值精度丢失问题

1.JS大坑之17位(含)以后的Number类型数值精度丢失问题 console.log("1318855614830125158")console.log(Number("1318855614830125158"))console.log(parseInt("1318855614830125458"))console.log(String(13188556148301…

js 数组及对象数组去重

一. 对象数组去重 1.es6方法 new Map() function quChong() {let arr [{id: 1,name: 111},{id: 1,name: 111},{id: 2,name: 222},{id: 3,name: 333}];console.log(arr);console.log(--------------------);let arr1 unique(arr);console.log(arr1);};function unique(arr) {…

vue-element-table 表头错乱问题及过滤器失效问题

1.问题描述&#xff1a;table使用时候 动态控制表头 v-if的时候表头错乱,没有安装代码的顺序显示 解决方法&#xff1a;加key, :key“Math.random()” 2.列表的数据需要过滤时&#xff0c;会出现过滤器失效情况&#xff0c;也可用该办法 <el-table-columnlabel"提货…

Vue项目 .env .env.development .env.production 配置说明

1.模式 模式是 Vue CLI 项目中一个重要的概念。默认情况下&#xff0c;一个 Vue CLI 项目有三个模式&#xff1a; development 模式用于 vue-cli-service serveproduction 模式用于 vue-cli-service build 和 vue-cli-service test:unittest 模式用于 vue-cli-service test:un…

Vue组件引入方式及父子组件生命周期顺序

父子组件的生命周期顺序 1.关于vue组件的引入方式有两种 同步引入: 非懒加载方式 import HelloWorld from ./components/HelloWorld.vue components: {HelloWorld, }异步引入 - 懒加载 &#xff1a; 1.es6中import懒加载 2.异步方法懒加载 const One ()>import(".…