vue2.9.6项目的基本介绍

于 2024-06-24 14:59:32 发布
阅读量300 收藏
点赞数 4
分类专栏： vue 文章标签： 前端 vue2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_68926017/article/details/139925954
版权

     vue的访问流程:

  • index.html -> main.js -> App.vue -> router(index.js) -> components

        如果需要打包项目，将使用下面的命令

npm run build

打包完成后，会生成 dist 文件夹，如果已经修改了文件路径，可以直接打开本地文件查看。
项目上线时，只需要将 dist 文件夹放到服务器就行了

流殇꧂
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue版本号始终是2.9.6，升级到最新版本
weixin_42805961的博客
08-30 2651
cli脚手架安装
vue-cli版本号始终是2.9.6，以及升级到最新版本办法
zhaoyan_love的博客
10-29 7300
问题描述 遇到一种情况，就是使用vue --version 查看版本始终是2.9.6，安装命令是npm install @vue/cli ,按理说是最新版本，但是还是显示旧版，使用vue create 【项目名称】 提示是要卸载脚手架在安装，但是安装后还是2.9.6. 原因 其实导致这个原因是从vue-cli 3.0版本开始原来的npm install -g vue-cli 安装的都是旧版，最高到2.9.6，安装新版必须是新的命令npm install -g @vue/cli 这就导致了，如果我们再2.9.
vue2.9.6版本下创建vue-cli脚手架
tiank_j的博客
07-02 1079
vue2.9.6版本下创建vue-cli脚手架
vue项目搭建
jsxllht的博客
09-14 556
node.js下载链接:在PATH中配置node的环境变量，node自带npm和npx可以修改启动后自动浏览器打开Vue图形界面,可以在界面创建项目仪表盘可以添加插件。
Vue-cli（2.9.6）快速构建一个 Vue 项目
yinwenguang的博客
03-14 6046
文章目录Vue是什么一、安装node.js二、安装webpack环境三、安装vue-cli四、创建vue项目五、安装依赖包六、运行项目补充 Vue是什么 Vue.js官网：https://cn.vuejs.org/ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。 [5] 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各
音乐网站-基于SpringBoot和vue 2.9.6的前后端分离项目
09-26
音乐网站-基于SpringBoot和vue 2.9.6的前后端分离项目 系统开发平台：JDK1.8+Maven3.6.1 开发语言：JavaEE+vue2.X 后台框架：Springboot2.X 前端：Vue 2.9.6 开发的平台：IDEA 2020、navicat
vue脚手架与项目安装.doc
12-17
这将创建一个包含基本配置的Vue项目结构。 6. **项目安装**： 初始化过程完成后，进入项目目录并执行安装依赖： ``` cd vue-test cnpm install ``` 7. **启动项目**： 安装完成后，启动开发服务器，可以在...
vue-cli-webpack:vue-cli 2.9.6版本初始化webpack工程
05-10
sharea share projectBuild Setup2018-06-25基于2.9.6的vue-cli初始化webpack工程build文件夹中的webpack相关的js写明了详细的注释，每行代码什么作用，每个插件什么作用。2018-06-27简单记录webpack4的一些更新
xy-vux-app:vux，vue-cli 2.9.6
03-25
使用【vue-cli 2.9.6】，开发者可以快速初始化项目，设置构建配置，并自动化构建流程。Vue CLI是一个强大的脚手架工具，它简化了项目搭建、配置管理和打包过程，使得开发更加高效。 在【压缩包子文件的文件名称列表...
详解Vue.js 2.0 如何使用axios
12-12
Vue.js 1.0 我们常使用 vue-resource (官方ajax库), Vue 2.0 发布后作者宣告不再对 vue-resource 进行更新， 推荐我们使用 axios (基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用) 安装 axios ...
vue.js 2.6.9
03-31
Vue.js 是用于构建交互式的 Web 界面的库。 Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。 Vue.js 特点 简洁： HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。 数据驱动： 自动追踪依赖的模板表达式和计算属性。 组件化： 用解耦、可复用的组件来构造界面。 轻量： ~24kb min+gzip，无依赖。 快速： 精确有效的异步批量 DOM 更新。 模块友好： 通过 NPM 或 Bower 安装，无缝融入你的工作流。 如果你喜欢下面这些，那你一定会喜欢 Vue.js： 可扩展的数据绑定机制 原生对象即模型 简洁明了的 API 组件化 UI 构建 多个轻量库搭配使用
vue-cli版本号始终是2.9.6，且无法删除，安装更新无效的问题。
double_yellow的博客
04-20 1509
（至于一开始为啥出错，我的原因应该是vue没删干净，我删了vue.cmd/vue中的其中一个，但是应该是要同时删除所有才行。总结：删除原脚手架&删除原vue+vue.cmd，修改环境变量path，然后安装新的。发现有4个原来的，于是我先删除了原有的vue和vue.cmd的后两个。（这后两个的来源是，我在环境变量path里增加了。路径，并且提到了path最上面，就有了），删除了剩下的vue和vue.cmd。发现有了新的vue和vue.cmd。看版本发现已经没有vue了。看版本发现还是2.9.6。
vue安装步骤
最新发布
lareina的博客
09-28 392
安装vue输入vue相关命令报错，因为win中段禁止脚本运行，需要调整运行策略，打开PowerShell（只能PowerShell），以管理员身份运行，输入get-ExecutionPolicy 查看当前策略，一般默认策略：Restricted（限制脚本运行）输入 set-ExecutionPolicy RemoteSigned，即将策略设置为RemoteSigned（远程签名），然后选择 Y（确定）即可。5、另外，若步骤3后提示的不是版本低，而是“提示不是内部命令”，(1)方式一：vue -V。
vue-cli 初始化创建 vue2.9.6 项目路由守卫、封装axios、vuex
wgchen
05-17 1256
阅读目录Vue如何封装Axios请求1 安装axios2 封装代码 axios应用方式Vue 中的路由守卫使用演示1 全局守卫2 组件级守卫3 单个路由独享的守卫4 官网整个路由守卫被触发流程的步骤：安装 vuex1 Vuex 的基本使用2 main.js 文件中挂载使用 vuex 对象3 组件中应用 vuex4 预览使用 devtools 调试界面，可以跟踪查看每一次事件操作。快速认识 vuex组件之间传值Vuex 的学习内容Vuex 在 Vue 项目使用 Vuex实例化 store组件中使用 `stor
vue-cli 初始化创建 vue2.9.6 项目
wgchen
04-29 4983
阅读目录vue-cli 安装vue-cli 初始化创建项目1、vue init命令讲解2、初始化创建项目package.json项目结构1、build目录（webpack配置）2、config目录（vue项目配置目录）3、node_modules（项目依赖包）src 项目核心文件讲解项目的主页 E:\node\vue296\index.html入口文件 E:\node\vue296\src\main.js根组件 E:\node\vue296\src\App.vue路由配置 E:\node\vue296\sr
2.9.6版本vue脚手架创建项目
Li_Zhongxin的博客
11-29 1059
2.9.6版本vue脚手架创建项目
vue-cli@2.9.6 与@vue/cli@5.0.8的区别
m0_69573649的博客
06-02 2366
CLI 版本：vue-cli@2.9.6 是一个旧版本的 CLI 工具，而 @vue/cli@5.0.8 则是目前最新的 CLI 工具，它提供了更多功能和优化，并且可以更好地与其他 Vue 生态系统工具进行交互。构建工具：vue-cli@2.9.6 使用的是 Webpack 1.x 作为项目构建工具，而 @vue/cli@5.0.8 使用的是 Webpack 5.x。Vue 版本：vue-cli@2.9.6 默认集成的是 Vue 2.x 版本，而 @vue/cli@5.0.8 默认集成的是 Vue。
vue2.9.6如何创建一个新的vue项目
07-12
要创建一个新的Vue项目，你需要按照以下步骤进行操作： 1. 首先，确保你的电脑上已经安装了Node.js。你可以在终端或命令提示符窗口中输入以下命令来检查是否已安装Node.js： ``` node -v ``` 2. 一旦确认已经安装了Node.js，你可以使用以下命令来安装Vue CLI（Vue命令行工具）： ``` npm install -g @vue/cli ``` 这会全局安装Vue CLI，让你可以在任何地方使用`vue`命令。 3. 安装完成后，你可以使用以下命令来创建一个新的Vue项目： ``` vue create <project-name> ``` 其中`<project-name>`是你想要为项目取的名称。例如，如果你想要将项目命名为"my-vue-app"，则可以运行： ``` vue create my-vue-app ``` 4. 运行上述命令后，Vue CLI会提示你选择一个预设（preset）。你可以选择默认的预设（Default）或手动选择个性化配置（Manually select features）。如果你是新手，推荐选择默认预设。 5. 选择完预设后，Vue CLI会开始下载所需的依赖项。这可能需要一些时间，具体取决于你的网络速度和计算机性能。 6. 下载完成后，进入新创建的项目目录： ``` cd <project-name> ``` 7. 最后，你可以使用以下命令来启动开发服务器并在浏览器中查看你的Vue应用程序： ``` npm run serve ``` 这是一个基本的创建新Vue项目的步骤。你可以根据需要进行自定义配置和添加其他功能。更多详细的信息和选项，请参考Vue CLI的官方文档。祝你创建成功！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值