vue2安装、创建项目及配置路由信息

最新推荐文章于 2024-07-15 17:13:51 发布

lone wolf 1

最新推荐文章于 2024-07-15 17:13:51 发布

阅读量727

点赞数

分类专栏： Vue 文章标签： vue.js Powered by 金山文档

本文链接：https://blog.csdn.net/m0_64534855/article/details/128636558

版权

本文档介绍了Vue2的安装过程，包括全局安装Vue CLI，创建项目，安装路由以及配置路由信息的步骤。同时，还提到了如何关闭ESLint，以及在项目中创建router文件夹，配置路由并实现简单的'Hello World'展示。

摘要由CSDN通过智能技术生成

一、Vue安装及使用流程

1.电脑安装ndde.js（只需安装一次即可，若电脑安装了无需再安装）

2.安装Vue：全局安装（只需安装一次即可，若电脑安装了无需再安装）

npm install -g@vue/cli

安装完成后，在终端输入Vue看是否已安装

3.创建项目到文件夹：

vue create vue_test(项目名，文件夹名称)
选择vue2，待安装完成

cd vue_test

运行
npm run serve

4.安装路由：Vue2

npm i vue_router@3   在Vue2中使用

npm install vue-router@4 只能在Vue3中使用

5.安装less：

npm install less-loader --save

6.关闭eslint: 找到文件（vue.config.js）,添加以下代码,然后保存即可

关注

专栏目录