使用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
复制代码

安装其他常用依赖

 

posted on   逍遥云天  阅读(407)  评论(0编辑  收藏  举报

编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示