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】如何创建Vue项目 -> 正文阅读

[JavaScript知识库]【Vue】如何创建Vue项目

1.安装node

下载地址:http://nodejs.cn/
下载完成后,执行安装程序,直接进行安装即可
安装完成后,打开命令窗(cmd)
输入 node -v 和 npm -v 可查看安装的 node.js 和 npm 的版本号

2.安装编辑器

vscode:下载地址:https://code.visualstudio.com/

3. 安装Vue

● 缺使用 npm 进行安装
缺点:安装速度慢,因为资源在国外,可以使用国内镜像
● 使用国内镜像资源安装
i. 首先切换淘宝镜像

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

ii. 安装Vue
使用 npm 安装 vue 的脚手架

npm install -g @vue/cli

4. 创建Vue项目

4.1. 创建文件
创建文件夹用vscode打开,点击终端按钮,cd进入到你要创建的文件夹里

cd vuetest01

输入命令

vue create vue01

4.2. 选择配置信息

在这里插入图片描述
● 通过上下方向键选择,然后回车确认
选择 Manually select features 自定义配置
● 之后按空格键选择要安装的资源配置,带 * 号说明选中了
在这里插入图片描述
● 选择版本:选择vue 2.x
● 路径(路由)模式选择
是否使用 history router ?
在这里插入图片描述
● 选择CSS预处理语言
在这里插入图片描述
less:主要解决浏览器兼容,简化CSS代码

● 选择代码检查和格式化配置
在这里插入图片描述
● 选择语法检查方式
在这里插入图片描述
● 选择存放配置的地方:把babel,postcss,eslint这些配置文件放哪
在这里插入图片描述
● 是否保存刚刚你配置好的
选择 N 不报错,选择 Y 保存,选择保存后,需要填写名字
4.3. 启动项目
在这里插入图片描述
在这里插入图片描述
● 进入 vue01的路径里

cd vue01

● 执行启动命令

npm run dev

在这里插入图片描述
在这里插入图片描述




PS:如有错误,欢迎指正~

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-07-05 23:27:51  更:2022-07-05 23:29:56 
 
开发: 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 13:40:51-

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