IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: 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--环境搭建--脚手架 -> 正文阅读

[JavaScript知识库]vue--环境搭建--脚手架

使用工具vscode安装

参考:https://blog.csdn.net/qq_35697978/article/details/120541378
官网下载
https://code.visualstudio.com/docs/?dv=win

在这里插入图片描述
右键你vue项目,点击通过code打开!

2、安装脚手架

vue脚手架官网:
vue官网(https://cn.vuejs.org/v2/guide/syntax.html)点vuecli
在这里插入图片描述
脚手架官网:
https://cli.vuejs.org/zh/#%E8%B5%B7%E6%AD%A5
在这里插入图片描述
1、全局安装@vue/cli

npm install -g @vue/cli

2、切换到你要创建项目的目录,然后使用命令创建项目

vue create my-project

3、启动项目

npm run serve

如果下载缓慢,配置淘宝镜像

npm config set registry https://registry.npm.taobao.org

npm install --registry = https://registry.npm.taobao.org

配置镜像:
在这里插入图片描述
配置脚手架:
在这里插入图片描述
下载成功!
在这里插入图片描述

切到要创建的项目文件夹创建vue项目

vue create vue_sgg

在这里插入图片描述
出现卡顿敲击回车键就可以了
在这里插入图片描述
创建成功!
在这里插入图片描述在这里插入图片描述

启动成功!
ctrl+c退出运行

vscose常用插件安装

Vue 2/3 代码片段 语法高亮 格式化插件
一款快速生成Vue3代码的插件:Vue VSCode Snippets
在这里插入图片描述
vetur-sfc
在这里插入图片描述
常用插件:

package.json:webpack打包时的依赖
版本控制
在这里插入图片描述
在这里插入图片描述
serve:启动命令
build命令,能生成.html、.css.js
lint:语法检查

vscode开启终端快捷键:

ctrl+~(esc下面的那个键)

修改默认配置

看默认配置命令:

vue inspect > output.js

在这里插入图片描述
能生成一个文件给你看!
在这里插入图片描述
这里只是看,不可以改,如果要改配置文件:在vue.config.js中配置
https://cli.vuejs.org/zh/config/
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

配置关闭语法检查:
lintOnSave:false

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-05-24 18:03:56  更:2022-05-24 18:06:48 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 20:55:02-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码