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-cli(脚手架)的安装步骤(新手不得不看) -> 正文阅读

[JavaScript知识库]vue-cli(脚手架)的安装步骤(新手不得不看)

vue作为当下前端必配的技能之一

vue-cli的话也是其核心的部分我们今天就来聊聊这个cli的安装和创建项目吧

https://cli.vuejs.org/zh/

这个是我们安装的官方文档

首先的话我们的vue-cli是依赖我们的node,js的所以我们要确保我们的电脑上有node

不然的话没有办法进行下一步操作

好那么我们话不多说开始吧,

1,首先我们要在我们要打开我们的终端,也就是我们的命令行窗口

在我们的窗口输入我们的如果是我们在VsCode打开终端的小伙伴安装错误的话

在终端输入这个命令在重新安装就行cmd(安装的时候要在?cmd?中才可以)

?如果感觉npm太慢的话可以修改npm的相关源

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

 
npm i -g @vue/cli 
 这个是我们在命令行窗口输入的下载cli的命令

第二步是创建项目

在我们的vue创建项目的时候我们要用vue的命令

vue create 项目名

?

然后的话我们会出现一些要我们配置的东西如下图

选择第三个回车我们配置一下东西

然后会出现这个页面我下面箭头指的我们不要配置

我们直接按数字8就取消选中

按完数字8的话是这样的

然后的话如果是新手一路回车就行

一路回车出现这样的界面的话就是我们创建的项目正在创建中

接下来是我们的项目创建好的页面

然后的话他上面有提示我们如何启动我们创建的项目

npm run serve 
可以启动我们的项目

我们在启动项目失败的时候检查一下我们的终端是否正确

我们按着ctrl键点击?http://localhost:8081/就可以看到我们的项目了

这个是cli自己帮我们生成的一些项目的样式

项目结构

这个是我们生成的项目的结构


```
- node_modules
- public
  - index.html
  - favicon.icon
- src 这个是未来我们会修改代码的地方
  - assets 静态资源存放的位置
  - components 组件存放的位置
  - App.vue 入口组件
  - main.js 入口文件
```

?最后的话叫大家看一下我的老婆

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

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