前端-1-vue cli的安装与使用

简介: 最近一直很忙,月底要上线,今天忽然发现电脑上还有node,版本已经很旧啦,点的点的就创建了一个项目,想起了跟着老张搞项目的时候,就新建了一个玩玩。

最近一直很忙,月底要上线,今天忽然发现电脑上还有node,版本已经很旧啦,点的点的就创建了一个项目,想起了跟着老张搞项目的时候,就新建了一个玩玩。


首先先把node npm的镜像仓库设置成淘宝镜像,这样会快亿点。


npmconfigsetregistryhttps://registry.npm.taobao.org


npm直接使用的是国外的镜像,我们安装cnpm来访问国内的镜像。上面已经设置了淘宝镜像,超快!


npminstallcnpm-g--registry=https://registry.npm.taobao.org


image.png


下载vue cli


cnpminstall--globalvue-cli

image.png


新建项目,这里的xxx就是项目名,当然下面还可以改


vueinitwebpackxxx

这里一步一步要交互的:


  • name是文件名,回车就默认使用你的xxx
  • description描述不说啦,想写啥写啥
  • Install vue-router:是否需要vue-router,默认选择使用,这样生成好的项目就会有相关的路由配置文件
  • Use ESLint to lint your code:是否使用严格模式ESLint,直接回车,默认使用,这样会生成相关的ESLint配置
  • Setup unit tests with Karma + Moch?: 是否要安装单元测试。这里选择的是”N”
  • Setup e2e tests with Nightwatch:是否安装e2e测试,同样选择的“N”
  • 两个test我选了no,一个是单元测试,一个是e2e测试。


image.png


蹦出的提示,就是告诉你项目怎么编译并启动。


cdxing-insurancenpminstall (orifusingyarn: yarn)
npmrundev

试试:


image.png


哦吼吼,起来了,项目里自动加载的是默认的页面,访问下看到


image.png




完美,ok啦!可以去开发啦!


等我一会去下载一个vscode开发工具,抽空了搞两个页面玩一玩,完美!




END

目录
相关文章
|
2月前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
152 3
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
1月前
|
前端开发 JavaScript 开发者
React与Vue:前端框架的巅峰对决与选择策略
【10月更文挑战第23天】React与Vue:前端框架的巅峰对决与选择策略
|
1月前
|
前端开发 JavaScript 数据管理
React与Vue:两大前端框架的较量与选择策略
【10月更文挑战第23天】React与Vue:两大前端框架的较量与选择策略
|
1月前
|
JavaScript 前端开发 搜索推荐
Vue的数据驱动视图与其他前端框架的数据驱动方式有何不同?
总的来说,Vue 的数据驱动视图在诸多方面展现出独特的优势,其与其他前端框架的数据驱动方式的不同之处主要体现在绑定方式、性能表现、触发机制、组件化结合、灵活性、语法表达以及与后端数据交互等方面。这些差异使得 Vue 在前端开发领域具有独特的地位和价值。
|
2月前
|
JavaScript 前端开发 算法
前端优化之超大数组更新:深入分析Vue/React/Svelte的更新渲染策略
本文对比了 Vue、React 和 Svelte 在数组渲染方面的实现方式和优缺点,探讨了它们与直接操作 DOM 的差异及 Web Components 的实现方式。Vue 通过响应式系统自动管理数据变化,React 利用虚拟 DOM 和 `diffing` 算法优化更新,Svelte 通过编译时优化提升性能。文章还介绍了数组更新的优化策略,如使用 `key`、分片渲染、虚拟滚动等,帮助开发者在处理大型数组时提升性能。总结指出,选择合适的框架应根据项目复杂度和性能需求来决定。
|
2月前
|
JavaScript 前端开发 Docker
前端的全栈之路Meteor篇(一):开发环境的搭建 -全局安装或使用容器镜像
本文介绍了如何搭建 Meteor 开发环境,包括全局安装 Meteor 工具和使用 Docker 镜像两种方法,以及创建和运行一个简单的 Meteor 项目的基本步骤。 Meteor 是一个全栈 JavaScript 框架,适用于构建实时 Web 应用程序。文章还提供了遇到问题时的解决建议和调试技巧。
101 3
|
2月前
|
前端开发 JavaScript 安全
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
163 4
|
2月前
|
JavaScript 前端开发 Python
django接收前端vue传输的formData图片数据
django接收前端vue传输的formData图片数据
63 4
|
2月前
|
JavaScript 前端开发 Java
VUE学习四:前端模块化,ES6和ES5如何实现模块化
这篇文章介绍了前端模块化的概念,以及如何在ES6和ES5中实现模块化,包括ES6模块化的基本用法、默认导出与混合导出、重命名export和import,以及ES6之前如何通过函数闭包和CommonJS规范实现模块化。
124 0
VUE学习四:前端模块化,ES6和ES5如何实现模块化
|
1月前
|
前端开发 JavaScript 开发者
React与Vue:前端框架的巅峰对决与选择策略
【10月更文挑战第23天】 React与Vue:前端框架的巅峰对决与选择策略

热门文章

最新文章