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环境搭建

node.js安装(推荐下载18.0.0版本,里面集成了npm管理工具):

可通过node -v和npm -v查看node.js和npm的版本:

vue和vue-cli安装(vue-cli是vue的脚手架(脚手架:可理解为一个完整的项目)):

可通过vue -V查看vue的版本:

安装步骤如下所示(下载速度有点慢,请耐心等待):

1:? ?按win+r键,输入cmd命令

2:? ?先用npm下载cnpm镜像:(通过镜像来下载vue和vue-cli要快点)

npm install -g cnpm --registry=https://registry.npm.taobao.rg

3:? ?安装vue,命令如下:

cnpm?install vue

4: 安装vue-cli,命令如下:

cnpm install?--global vue-cli

webpack和webpack-cli安装:

可通过webpack?-v查看webpack和webpack-cli的版本:

?安装步骤如下所示(下载速度有点慢,请耐心等待):

1:? ?按win+r键,输入cmd命令

2:? ?用npm下载webpack:(webpack用于项目打包)

npm install webpack -g

3:? ?用npm下载webpack-cli:(webpack-cli处理命令行参数(可不用下载))

npm install webpack-cli -g

VUE环境搭建已完成:

现在可以在自己的工作目录创建自己的项目了,可通过下面命令来构建vue项目:

1:? ?vue init webpack 项目名

在项目目录下,需执行一下命令:

2:?? npm install

3:? ?npm run dev?

各广大编程爱好者,如以上方法搭建失败,可通过下方二维码,群里有相应的解决方案:

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

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