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项目就创建好了

posted @   Liku007  阅读(504)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示