vue脚手架的安装
安装脚手架基于npm命令下面,因此需要先安装node.js前面,前面安装elementui里面有介绍怎么安装node.jselement-ui的安装及使用 - Liku007 - 博客园 (cnblogs.com)
npm管理前端系统依赖,相当于maven管理java后端依赖,
npm修改全局下载和缓存路径:
就像maven配置的仓库下载位置,这个npm的仓库最好不要放在c盘且不要有中文,命令如下:
下载之后再次查看一下配置仓库路径:
使用cli官网命令去安装脚手架:
下载是有点慢的,需要等几分钟
安装好之后是这样:
打开idea,在terminal终端输入下面命令,创建第一个vue项目:
vue init webpack pro-name
创建好之后可以看到我们项目里面就下载好了一些文件:
E:\liku\student\07oyll\servletproject>vue init webpack hello
'git' �����ڲ����ⲿ���Ҳ���ǿ����еij���
�������ļ�
? Project name oyVueCli
? Project description A Vue.js project
? Author
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
vue-cli · Generated "hello".
目录如下
!
他给我们提示:
To get started:
cd oyVueCli
npm run dev
我们照着敲:
DONE Compiled successfully in 3843ms 15:55:09
I Your application is running here: http://localhost:8080
点开链接,第一个属于自己的vue项目就创建好了
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?