使用vue-cli快速搭建大型单页应用
前言:
经过一段时间angular的洗礼之后 ,还是决定回归Vue。现就vue安装、工程搭建、常用依赖安装直至开发挣个流程做一整理,希望对初学者有所帮助。
前提条件:
对 Node.js 和相关构建工具和 Vue 本身有一定程度的了解
对于大陆用户,建议将 npm 的注册表源设置为国内的镜像(淘宝NPM镜像),可以大幅提升安装速度。
1 #npm安装vue 2 npm install vue 3 4 #安装淘宝源 5 npm install -g cnpm --registry=https://registry.npm.taobao.org 6 #使用cnpm安装vue 7 cnpm install vue
命令行工具
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:
1 # 全局安装 vue-cli 2 npm install --global vue-cli 3 4 # 创建一个基于 webpack 模板的新项目 5 vue init webpack my-project 6 7 # 安装依赖,走你 8 cd my-project 9 npm install 10 npm run dev
安装其他常用依赖
个人原创博客,转载请注明来源地址:https://www.cnblogs.com/xyyt
分类:
Vue
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通