当前位置: 首页 > news >正文

项目基础搭建

一、项目创建

1.下载并安装nodejs

下载完成后,查看node版本
win+R 快捷键,cmd确定,进入后台黑框

node -v

查看npm安装路径

npm root -g

安装cnpm镜像

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

查看npm版本

npm -v

2. vite创建项目

npm vite@latest vite-vue3-manage -- --template vue

执行以下命令,每次一句

cd vite-vue3-managenpm installnpm run dev

打开生成的链接 http://localhost:5173/
能够打开,说明项目已经创建完毕了。
全局安装vue-cli

npm config set registry https://registry.npm.taobao.org --因为是从国外服务器下,因此使用阿里镜像
npm install --global vue-cli

二、引入vue-rooter@4

按两次ctrl+c把服务停止掉
1.安装依赖

npm install vue-rooter@4 -s

2.打开项目使用vscode

code .

3.在src下创建文件夹router,其下新建文件index.js
router官网文档
在vscode打开界面的扩展里,搜索vetur,安装。
创建vue文件,输入vue会有代码提示。

http://www.lryc.cn/news/69537.html

相关文章:

  • PFCdocumentation_FISH Rules and Usage
  • 如何完美卸载VS2015(2023年5月份实测有效)
  • JavaScript如何声明和定义函数
  • 微信小程序 WebSocket 通信 —— 在线聊天
  • VMware快照:简化虚拟化环境管理与数据保护
  • 图的最短路径
  • RHCE----Shell变量和引用
  • 【Redis】聊一下缓存雪崩、击穿、穿透、预热
  • 全景描绘云原生技术图谱,首个《云原生应用引擎技术发展白皮书》发布
  • 【Python共享文件】——Python快速搭建HTTP web服务实现文件共享并公网远程访问
  • Mysql数据库分库分表
  • SpringBoot热部署插件原理分析及实战演练
  • 【C++ 入坑指南】(10)函数
  • P2233 [HNOI2002]公交车路线
  • java入门-W11(K168-K182)网络编程
  • 距离6月18日DAMA-CDGA/CDGP认证考试还有31天,报名从速
  • PO、VO、DAO、BO、DTO、POJO区分
  • MobPush Flutter平台插件
  • 机器学习面试题库:K-means
  • Linux:文本三剑客之awk
  • 如何借助Kafka持久化存储K8S事件数据?
  • 一种基于非均匀分簇和建立簇间路由的算法的无线传感器网络路由协议(Matlab代码实现)
  • usb摄像头驱动打印信息
  • 银行半结构化和无领导群面注意事项
  • 今天公司来了个拿 30K 出来的测试,算是见识到了基础的天花板
  • SSM整合(单元测试、结果封装、异常处理)
  • C++ list
  • 【JavaScript】ES6新特性(2)
  • CST-FSS/周期谐振单元的仿真
  • 重新理解RocketMQ Commit Log存储协议