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 @ 2023-02-02 19:04  Liku007  阅读(498)  评论(0编辑  收藏  举报