美文网首页
Vue-cli旧版本的安装及使用

Vue-cli旧版本的安装及使用

作者: 月薪2K的臭弟弟 | 来源:发表于2020-03-30 15:41 被阅读0次

    1.首先得安装好nodeJs以及npm(现在一般官网下载nodeJs的.msi安装包会默认给你安装上npm),安装完之后进行(图一)的操作,如果能获取到版本号就进行第二步操作。

    图一

    2.安装webpack,vue,vue-cli(命令:npm  install  -g  vue-cli[要安装的组件]),然后使用命令(npm view vue-cli version)查看版本(注意:npm view vue-cli version 是查看当前已安装的版本,npm view vue-cli versions 是查看该组件所有版本包含未安装的),安装了之后就可以进行第三步了。

    3.在你想要的目录创建一个文件夹(命令:mkdir  vue-demo[文件夹名称]),然后控制台打开这个目录,执行命令(vue init webpack),然后会让你设置一些项目信息,安装完成之后发现项目已经搭建好了,然后进入文件夹目录下,执行命令(npm install),安装package.json包中的依赖,然后vue项目就搭建好了,然后执行(npm run dev)可以运行了,Ctrl+V可以结束项目的运行。

    4.如果需要集成Element-UI或者VueX,axios的话可以自行在main.js里面集成。

    相关文章

      网友评论

          本文标题:Vue-cli旧版本的安装及使用

          本文链接:https://www.haomeiwen.com/subject/tgjmuhtx.html