一直以来都想写一些技术博客,来记录自己学过的东西,但总是有这样或那样的理由没有写成,直到今天才开始动笔。作为一个前端小白,如果哪里有不正确的地方也欢迎各位大佬指出,一定虚心学习,好好改正。

       这篇博客是关于Vue的,本人是先简单的看了一下关于Vue的技术文档,然后进行初步的安装,但是在这里出现了一些小问题,那就是在安装的时候提示node.js的版本不支持,导致最后安装Vue也没有成功,各位小伙伴在安装的时候一定要注意。下面是安装的详细过程。

     1.安装node.js,可以在网上下载安装,我下载的是8.9.4版本的,http://nodejs.cn/download/

     2.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内npm会很慢,这里推荐使用淘宝NPM镜像。

     在cmd中直接输入npm install -g cnpm --registry=http://registry.npm.taobao.org,然后回车,等候安装。可查看cnpm

     版本是多少。

一、Vue菜鸟小教程-安装

3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架。在cmd中输入cnpm install -g vue-cli回车,等候安   装。

  一、Vue菜鸟小教程-安装

4.创建项目。在cmd中输入 vue init webpack firstvue,可以更换目录,我这里使用了cd更换到了Users.依次出现如下显示,下面项目的设置可以根据自己项目的需要来设置。如图所示。

一、Vue菜鸟小教程-安装

5.安装相关的依赖。在cmd中输入cd firstvue(项目名称)进入项目当中,输入cnpm install.这时会发现文件夹中多了一个node_modules。如下图。

一、Vue菜鸟小教程-安装

一、Vue菜鸟小教程-安装

6.测试环境搭建是否成功。

  在cmd中输入cnpm run dev如下图:

一、Vue菜鸟小教程-安装

一、Vue菜鸟小教程-安装

另一种测试方式localhost:8080(默认端口为8080)显示页面:

一、Vue菜鸟小教程-安装



  




    


相关文章:

  • 2022-01-20
  • 2021-11-28
  • 2022-12-23
  • 2021-12-26
  • 2021-11-30
  • 2021-10-05
猜你喜欢
  • 2021-11-25
  • 2021-05-21
  • 2021-09-26
  • 2021-04-12
  • 2022-02-12
  • 2021-09-19
  • 2022-12-23
相关资源
相似解决方案