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