使用NPM安装Vue项目
发布日期:2021-10-23 19:22:42 浏览次数:3 分类:技术文章

本文共 686 字,大约阅读时间需要 2 分钟。

使用NPM安装Vue项目步骤如下:

一、先安装node.js,下载node.js安装包,node.js安装成功之后,左击电脑左下角>运行>输入cmd,如下图所示:

   

二、点击确定进入,分别在命令行工具中输入指令node -v以及npm -v 查看node.js以及npm的版本,如果出现版本说明安装成功了;如下图所示:

  

 三、都准备好之后,通过查看vue官网的安装教程,我们开始正式的安装项目:

  1、我们可以直接全局安装 vue-cli,输入 npm install --global vue-cli,但是这种安装方式比较慢,我们可以先安装cnpm,然后用 cnpm install -g vue-cli 来代替,如下所示:

    

  2、输入vue -V 查看vue是否安装成功,也可以使用同样的方法(cnpm -v)查看cnpm是否安装成功;出现下图,说明vue安装成功了,如果提示“无法识别 'vue' ” ,有可能是 npm 版本过低,可以使用 npm install -g npm 来更新版本;

    

  3、创建一个基于 webpack 模板的新项目到指定目录,输入 vue init webpack my-project 

    

  4、安装成功后,在指定安装的目录下已经生产了一个vue项目,如下所示:

            

  5、最后一步,进入我们的文件,生成并打开我们创建的项目,在浏览器输入下面的链接项目就出来了,如下图:

  

  

 

转载于:https://www.cnblogs.com/huangtao5921/p/8317911.html

转载地址:https://blog.csdn.net/weixin_30624825/article/details/98925741 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:2017-2018-1 20155227 《信息安全系统设计基础》第九周学习总结
下一篇:javascript闭包和立即执行函数的作用

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年04月15日 01时50分15秒