Vue 基础笔记 - 开发前准备工作

最新推荐文章于 2024-05-06 17:11:23 发布
最新推荐文章于 2024-05-06 17:11:23 发布
阅读量264 收藏
点赞数
分类专栏： 前端 文章标签： npm vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39340061/article/details/107862756
版权

目录

一、安装 Node.js

  1. 下载地址
  2. 使用淘宝的镜像：http://npm.taobao.org/，以后再用到npm的地方直接用cnpm来代替就好了。
	npm install -g cnpm –registry=https://registry.npm.taobao.org

二、搭建 Vue 项目环境

  1. 安装脚手架工具
	cnpm install -g @vue/cli
  1. 安装 axios
	cnpm install axios
	cnpm install --save vue-axios
  1. 安装 ant-design-vue
	cnpm i --save ant-design-vue

三、VS Code 插件安装

  1. Vue 2 Snippets
    在这里插入图片描述
  2. Vetur
    在这里插入图片描述
  3. ESLint
    在这里插入图片描述

四、安装 Vue.js devtools

firefox 插件

PAX-K
关注
专栏目录
【Vue教程】第03课：开发前期准备——开发环境的搭建
罗忠浩的博客
01-16 1万+
读完上一篇文章，相信你对 Vue.js 有了整体了解，且知道了 Vue.js 有两种开发模式，一种是直接引入 JavaScript 文件，另一种则是使用 vue-cli 构建项目。接下来，本文将带你开启 Vue.js 实战开发的第一步：搭建你的开发环境。 搭建项目前需要做的准备 子曰：工欲善其事，必先利其器。要做好一件事，准备工作是少不了的。 在做 Vue.js 开发时，大家需要了解并安装以下开发...
新手入门vue-element-admin框架（二）：安装并运行vue-element-admin框架
StellaXiao98的博客
05-14 2076
前言：环境配置： 第二部分 初步接触vue-element-admin框架 这一部分介绍了笔者安装并运行vue-element-admin框架的过程。
vue 开发前准备工作
weixin_30243533的博客
01-22 256
　　工欲善其事，必先利其器。 　　第一步，选择一个合适的编辑器： 　　看vue官网上，有推荐用HBuilder X这个编辑器，这个我在开发微信小程序的时候，就是用的这个编辑器，还可以，挺好用的，也可以用git做版本管理，这里我们去官网下载一个新的版本http://www.dcloud.io/hbuilderx.html。自己安装即可。 　　第二步，安装node开发环境： 　　到node官网...
vue开发前准备
gaoliwei2355的博客
09-16 114
在把Vscode、Nodejs安装配置好之后： 1、安装npm镜像，baidu一下有很多资料，要验证有没有成功； 2、下载安装Git，获取源码到本地，baidu一下有很多资料； 3、在获取源码的本地文件夹中，在文件路径的输入框中输入：cmd，进入到命令控制窗口，然后再在命令窗口中输入cnpm i，安装插件； 4、打开Vscode，把整个源码文件拖到项目中； 5、项目启动，vue.config.js为配置文件，配置访问地址等等；在控制台添加npm脚本，这个还没懂。。 ...
vue开发前的准备
鲸枫
02-07 1242
vue开发前的准备！！！
vue开发环境准备
积累与备忘
06-07 217
vue环境准备， 一、安装node.js,本地安装目录 D:\dev\nodejs 官网：https://nodejs.org/en/download/ 二、设置nodejs prefix（全局）和cache（缓存）路径 1、在nodejs安装路径下，新建node_global和node_cache两个文件夹 2、设置缓存文件夹 & 设置全局模块存放路径 npm config set cache "D:\dev\nodejs\node_cache" 　 npm config set prefix "
Vue 前端小白了解并运用Vue3 + Vite 及 Vue-cli 4项目搭建_vue3 vite vue-cli-service(1)
m0_60750088的博客
04-18 400
更新更快更强！Performance：性能比 vue2.x 块 1.2 ～ 2 倍Tree shaking support：支持按需编译，体积更小Composition API：组合 API，类似 React HooksCustom Renderer API：暴露了自定义渲染 APIFragment，Teleport（Protal），Suspense：新增三个组件Better TypeScript support：更好的支持 TS让开发更简单！
2024年前端最全vue3实现区域打印功能(vue3-print-nb)，在线前端开发培训
最新发布
2401_84123113的博客
05-06 1259
我就是被打印的内容在#printBox 容器里的内容都会被打印噢
vue学习笔记（超详细）
jiey0407的博客
03-09 5619
文章目录 一. Vue基础 认识Vue.js Vue安装方式 Vue的MVVM 二. Vue基础语法 生命周期 模板语法 创建Vue, options可以放什么 语法 综合 v-on v-for遍历数组 v-model表单绑定 v-model结合radio类型使用 v-model结合checkbox类型使用 v-model结合select类型使用 值绑定 修饰符 检测数组更新 计算属性 computed 计算属性setter和getter computed / meth
Vue2+Vue3基础入门到实战项目（二）——课程学习笔记
upgrade_bro的博客
08-25 781
Vue2+Vue3基础入门到实战项目（二），主打记录式、陪伴式、身临式学习；Vue的生命周期、工程化开发-vue-cli、组件化、注册组件、页面拆分……
vue 开发项目前的准备
Your life needs a sense of ritual!
01-02 810
一、vue开发前的准备 1.node.js环境搭建和npm的安装node.js的官网只需要登录官网看到‘install’按钮就可以直接下载安装； 安装完成后运行cmd命令，输入node -v出现下图提示的版本号就表示安装成功了 ①npm作为NodeJs的模块管理-npm有一些基础的命令例如：npm init , npm set, npm config等，具体可以看地址：地址链接 2.安装
VUE 的开发准备
bujingyun8的专栏
09-29 148
（1）安装 确认已安装了node.js，可在cmd中输入( node -v和npm -v），如显示出版号，说明安装成功。 （2）配置path（已配置的可跳过） npm config get prefix 复制得到的路径信息，去到桌面>右键计算机>属性>高级系统设置>环境变量 在系统变量中新建变量NPM，变量值为之前复制的路径信息，一般是C:\Users\xxx\AppData\Roaming\npm 再在系统变量中找到path，添加%NPM%。一直点击保存。 （2）安
【Vue 入门】Vue项目开发准备
Karen_Cassiopeia的博客
09-01 214
为了使用Vue开发大中型程序，需要使用Vue支持项目开发的环境和工具。 Vue-Cli Vue-Cli便于开发Vue组件和大型程序，以及发布到服务器上。 使用Node.js的包管理器npm，安装Vue-Cli和第三方依赖。 安装Node 安装教程 npm集成在Node中。安装Node的目的，是为了用里面的包管理器npm。 从nodejs.org下载安装。安装完后能查看版本，表示安装成功。 打开命令提示符，输入命令： npm -v node -v 安装cnpm npm连接国外的资源，如果超时失败，可
Vue开发环境准备
weixin_46034226的博客
12-28 116
1. 开发工具 VUE开发环境个人推荐VS code，然后安装特定的插件即可开发，可用的插件如下： Vetur —— 语法高亮、智能感知、Emmet等 EsLint—— 语法纠错 Auto Close Tag —— 自动闭合HTML/XML标签 Auto Rename Tag —— 自动完成另一侧标签的同步修改 Path Intellisense —— 自动路劲补全 HTML CSS Supp...
VUE基础开发-------1---基础
qq_28764557的博客
10-22 194
data里面声明变量然后引用。 如何用node下载，在路径上写cmd，然后进入控制台写cnpm install vue即可下载。 引包：引入vue.js 留坑：写个div给类名或者id名称 实例化：new Vue 注意下这个写法，会被替代了。就是模板替代了id=app。 data要写函数形式的。 template的根节点只能有一个。 代码： <!DOCTYPE h...
【VUE】VUE的前期准备
Memory的博客
06-20 281
VUE的前期准备安装node.js、npm、webpack安装node.js安装npm安装webpack 安装node.js、npm、webpack 安装node.js 点击进去官网下载node.js LTS是指长期使用 Current是指最新版本 安装完成后打开CMD，运行 node --version 查看是否安装成功。 安装npm node.js中已经集成了npm，安装后直接CMD运行...
Vue 项目开发前准备工作和步骤
weixin_48458705的博客
12-15 963
Vue 项目开发前准备工作 1、首先肯定要先下载node.js;在官方网站选择适合自己电脑配置的版本。 官网地址：http://nodejs.cn/ 检查是否安装成功：node -v; 2、下载使用淘宝npm镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3、安装全局vue-cli脚手架 cnpm install --global vue-cli 4、创建项目可在指定的文件夹下或使用命令打开指定的区域新建新的项目newt
vue入门开发
XUN__MLF的博客
02-09 4007
1、介绍 vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代 化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 官方网站：Vue.js 2、初始vue <!DOCTYPE html> <html lang="en"> <head> <meta charset
VUE基础开发-------2---组件化开发
qq_28764557的博客
10-21 173
组件开发的三部曲：声明，注册，使用 组件和new Vue是一样的。 -----------局部的 声明： 注册，使用： ------------全局的 注意组件是怎么使用的，组件就像一个div一样。 完整代码： <!DOCTYPE html> <html> <head> <title>组件化开发</titl...
Vue学习笔记：核心概念与生命周期解析
"个人学习vue笔记，包含作者在学习和工作中整理的重要知识点，涵盖vue的指令、生命周期、计算属性等内容" Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面。以下是对标题和描述中提及知识点的详细说明： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值