搭建vue脚手架

最新推荐文章于 2024-08-03 20:57:01 发布
最新推荐文章于 2024-08-03 20:57:01 发布
阅读量88 收藏
点赞数
文章标签： vue.js 前端 javascript Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49864808/article/details/128902169
版权

一.首先要搭建vue脚手架需要nodejs，没有就得去下载一个

地址：https://nodejs.org/en/

下载左边那个就行了

二.接下来就可配置淘宝镜像了，如果没有淘宝镜像，你往后下载其他配置文件会很慢

1.首先在键盘上按win+R，输入cmd，打开命令窗口

输入: npm install cnpm -g --registry=https://registry.npm.taobao.org

配置完了关掉窗口

三.然后在键盘上按win+R，输入cmd，再打开命令窗口

输入：npm install -g @vue/cli，开始下载安装vue脚手架

四.安装好以后，开始创建vue项目

  1. 我通常是把vue项目创建在桌面上，方便使用

打开命令窗口输入：cd Desktop

这样就可以来到桌面目录了

  1. 然后输入：vue create vue_test

选择vue2就行了，如下就是创建好了

  1. 然后就是运行这个项目，关掉上面的命令窗口,打开桌面上的vue_test在地址栏输入cmd进入到命令窗口，然后再输入npm run serve运行这个项目

这样就ok了，下面的两个地址就是你项目

本王灰太狼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webpack搭建vue脚手架
Heartbroken_man的博客
08-31 2396
搞了几天的webpack5.0版本搭建vue脚手架项目，今天分享一下！ 在读这篇文章之前你可能需要了解一些webpack的配置才行 否则可能看不懂部分配置 首先我们的项目的src目录结构如下 基本上与vue-cli3的结构一样 ，你可以直接创建vue-cli3的脚手架直接复制里面的项目目录结构 新增命令行 在package.json文件里面的scripts字段里面新增这样一条命令，这样我们就可以在控制台输入npm run build执行webpack.config.js里面的配置 "bu
基于webpack搭建vue2.0的脚手架项目
10-11
本篇文章将深入探讨如何基于Webpack搭建Vue 2.0的脚手架项目。 首先，让我们理解Vue 2.0的核心特性。Vue 2.0引入了虚拟DOM，提高了性能并降低了内存消耗。它支持单文件组件（Single File Components, SFCs），使得...
搭建vue脚手架全教程
热门推荐
qq_36596869的博客
03-20 1万+
搭建vue脚手架
webpack搭建vue脚手架环境
weixin_65859689的博客
03-02 940
一、前端项目搭建 1. 建立好自己本地的项目目录 2. 初始化项目的环境 package.json使用的是npm init -y 作用是：依赖清单记录、启动命令、版本信息等，包管理器 3. 安装webpack -- npm i webpack -D （放在开发环境里） 1. 开发环境 -- npm run server --save-dev（--save-dev 缩写 -D ） 运行/生产环境 -- npm run build -S（-S可忽略不写） 2. 如果出现...
搭建Vue脚手架环境
yt1318519610的博客
09-06 723
1.安装Node js，下载地址：http://nodejs.cn/download/ 2.查看node js 版本，命令：node -v 3.安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 4.安装vue cnpm install vue 5.安装vue-cli，在vue官网上可以找到最新的安装命令：https://www.runoob.com/vue2/vue-install.html ..
01-搭建Vue脚手架（vue-cli）
qq_38210427的博客
03-07 1073
vue
vue-学习-2-搭建vue脚手架
GinChou的萌新博客
03-30 1424
进入对应的文件夹中。
Vue 入门之搭建vue脚手架
blackoon88的博客
05-13 929
系列文章目录 第一章 Vue 入门之搭建vue脚手架 第二章 Vue入门之项目框架介绍 第三章 Vue入门之基本语法 第四章 Vue入门之企业站点开发实践 第五章 Vue入门之前端部署 文章目录系列文章目录前言一、Vue介绍二、使用步骤1.准备环境2.创建工程目录3.创建项目4.启动项目5.浏览器访问 前言 vue现在是比较流行的前端框架，花一些时间学习下，特将学习过程分享出来，供大家一起学习。 一、Vue介绍 官网：https://vuejs.org/ Vue（读作 /vjuː/，类似view）是一
vue3.0教程——搭建Vue脚手架【简化版】
weixin_51331210的博客
10-02 6141
🍣 🍥 🍙哈喽，大家好丫，你们的小郭子又来啦 ~ 今天来聊一聊Vue3的项目搭建问题。
node搭建vue脚手架
编程人生的博客
04-15 994
node下载地址https://nodejs.org/en/ 配置默认下载地址为自定义地址 npm config set prefix "D:\develop\nodejs\node_global_modules" npm config set cache "D:\develop\nodejs\node_cache" 配置国内镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm安装脚手架vue-cli
vue脚手架搭建过程图解
08-27
在开始搭建Vue脚手架之前，我们需要确保已经安装了Node.js环境，因为Vue CLI是基于Node.js构建的。 首先，我们需要访问Node.js官方网站下载并安装最新版本的Node.js。安装完成后，我们可以通过在命令行中输入`node ...
Vue脚手架环境搭建.pdf
11-03
本文将详细介绍如何通过Vue脚手架工具来构建Vue项目的开发环境。 首先，我们需要安装Node.js，这是Vue.js开发的基础。Node.js是一个开放源代码、跨平台的JavaScript运行环境，用于在服务器端执行JavaScript代码。你...
vue脚手架（纯净版）
07-10
Vue脚手架（Vue CLI）是官方提供的一个命令行工具，旨在简化Vue项目的搭建和配置过程，让开发者能够快速启动新项目。"vue脚手架（纯净版）"通常指的是剥离了某些非必要插件或预设，只保留基础功能的CLI版本，以满足...
Vue系列面试题
qq_44186810的博客
07-23 1292
Vue2中采用Object.defineProperty来实现数据响应式，Object.definePropery虽然可以监听到数组的变化，但是由于在性能和体验的性价比上考虑，Vue2放弃了这个特性。1）v-for优先于v-if被解析，从源码中发现，先处理静态节点，在处理once，在处理for，在处理if，代码显示for的优先级比if高，断点调试也证实for优先于if。v-if：是惰性渲染机制，在属性初始为false时，组件就不会被渲染，直到条件为true，并且切换条件时会触发销毁/挂载组件。
Vue详解
最新发布
敲厉害的燕宝的博客
08-03 563
Vue 是一套用于构建用户界面的渐进式 JavaScript 框架。
运行中动态加载远程vue文件，解析template、script、style并注册全局组件：
qq_42152032的博客
08-03 254
(1).通过http请求获取组件数据，然后使用http-vue-loader插件解析script(解析为各生命周期钩子函数和methods对象),然后动态注册为vueComponent使用。 通过:is 来动态切换组件。 必须使用全量vue库，因为需要Vue来解析。 因为template已由vue2-sfc-loader解析了，可不用全量vue库。),然后动态注册为vueComponent使用。通过:is 来动态切换组件。(1).通过http请求获取组件数据，然后。后再注册为VueComponent。
前端Web-JavaScript(上)
Yu2uki的博客
07-31 1492
JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript: 规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等。DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等。
高德地图离线版 使用高德地图api的方法
m0_62336925的博客
08-02 404
然因为高德地图的瓦片地图太大，所以要让后端部署下 前端直接调用 如果本地 直接找到瓦片图路径就可以。这个代码把你想用的方法名保存到本地。这个时候会报错 因为没有这个方法。然后就可以正常使用这个方法拉。然后使用他的离线方法。找到对应的名字 复制。
搭建vue脚手架工程
06-02
好的，您可以按照以下步骤搭建 Vue 脚手架工程： 1. 安装 Node.js 首先需要安装 Node.js，可以在 Node.js 官网下载最新版本的安装包进行安装。 2. 安装 Vue CLI 在终端或命令行窗口中输入以下命令，安装 Vue CLI...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值