项目基础搭建
一、项目创建
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会有代码提示。