初学者如何搭建vue环境并且创建vue项目

Posted 咖啡壶子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初学者如何搭建vue环境并且创建vue项目相关的知识,希望对你有一定的参考价值。

前言:搭建vue环境,及必须在node环境底下,node环境不会整的同学可以参考这篇文章:安装node和cnpm教程 https://blog.csdn.net/TroyeSivanlp/article/details/121297856

下载vue模块包

下载这个方法很多,用yarn,npm都可以下载,这里,我用的是npm,在cmd控制台里,直接复制粘贴此命令:

npm install -g @vue/cli

示例:

下载成功过程:(这里如果显示soket timeout,就是网络不佳,可以关掉命令窗口,再次输入该命令重新安装)

验证下载成功,输入该命令:

vue -V

示例:(这里脚手架的版本号必须大于3.0,不然不能使用vue create创建vue项目)

创建vue项目

找一个目录创建vue项目,输入命令:

vue create vuecli-demo

示例:

创建成功:

接着进行图片上的操作:

复制网址,在浏览器中打开:


如下则为创建成功 :

以上是关于初学者如何搭建vue环境并且创建vue项目的主要内容,如果未能解决你的问题,请参考以下文章

vue.js在windows本地下搭建环境和创建项目。

vue.js在windows本地下搭建环境和创建项目

vue项目环境的搭建

vue2 组件库开发记录-搭建环境(第二次架构升级)

前端学习之Vue项目搭建

搭建新的Vue项目