社区脚本中心 → 浏览:帖子主题
* 帖子主题:Vue3 搭建脚手架
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:1301
发帖:99
来自:保密
注册:2022-08-28 23:20:57
造访:2025-03-23 21:18:24
[ 第 1 楼 ] 回复
安装 node
如果要使用vue-cli,要么安装12版本,要么安装>=14版本,反正13版本是不能用。

node -v

配置 npm

npm下载默认也是国外的地址,这里我们把npm的仓库地址改成淘宝的镜像,速度就快多了。

按 win + R,输入 cmd 并回车,打开命令行窗口。
输入以下命令配置仓库镜像

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

查看配置是否成功

npm config get registry

如果看到我们刚才配置的地址,就成功了。
2023-01-31 11:52:43 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:1301
发帖:99
来自:保密
注册:2022-08-28 23:20:57
造访:2025-03-23 21:18:24
[ 第 2 楼 ] 回复
安装vue-cli

刚才配置了npm的国内镜像地址,我们就可以直接安装 vue-cli 了。

在 cmd 窗口直接运行以下命令

如果之前安装过Vue2.0的版本,需要把2.0相关的卸载掉
npm uninstall vue-cli -g

安装最新脚手架
npm install -g @vue/cli

安装完以后再输入 vue --version 或者 vue -V 命令查看 vue-cli 版本,能正确看到版本就大功告成了。
2023-01-31 11:53:10 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:1301
发帖:99
来自:保密
注册:2022-08-28 23:20:57
造访:2025-03-23 21:18:24
[ 第 3 楼 ] 回复
使用命令创建项目
vue create myproject

根据命令提示依次进入项目文件夹、启动项目

进入目录
$ cd myproject

启动项目
$ npm run serve

搭建生产环境
$ npm run build



在 vue3 中使用 vue-router 时,需要安装 vue-router 4
npm install vue-router@4

安装之后可以在 package.json 文件中查看 vue-router 的版本。



vuex 是专为 vue.js 应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
安装:
npm install vuex@next


2023-02-01 16:58:44 IP:已设置保密
分页: 1, 共 1 页
快速回复主题
账号/密码
用户: 没有注册?密码:
评论内容