初次使用vue的环境安装步骤

首先在使用vue之前的准备工作。

环境:

1)安装node

去官网https://nodejs.org/en/下载安装包,安装完成后,输入node -v 看下是否成功。


node   -v 检测安装结果

如上图所示,即为成功。

2)安装cnpm 

输入命令: $sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

此时会提示让你输入一个密码,即你的用户开机密码,输入回车即可,如果出现下面的信息(最下面几行)说明安装成功:


cnpm

输入命令:cnpm -v 检测是否成功。


cnpm -v 安装检测结果

如上图所示,即为成功。

3)安装脚手架

输入命令:$sudo npm install -g vue-cli

此时也会让你输入开机密码,等待即可。

再输入命令:vue -V 验证是否安装完成。


vue -V 安装检测结果

如图所示,显示版本号即为安装成功。

工具:

环境安装好了之后,开始新建项目了。我用的是vscode,所以以下是以vscode为例运行vue项目的,仅供参考。

新建一个文件夹,用vscode打开。然后打开vscode的终端(ctrl+`或者在查看【view】里找到终端【terminal】)。即可打开。

然后执行命令:vue init webpack projectname,(这里的projectname是你自己命名的。)

然后一直按确认或输入y按确认,等待项目初始化,如下图


init

项目完成后,在执行如下图所示的命令:


运行命令

执行:cd vueTest(这里的vueTest就是你命名的projectname)

在执行:npm run dev,成功之后如下图

运行地址

这个时候你只要把http://localhost:8080/#/复制在网页上打开就可以看到了


vue

做到这一步,恭喜,你成功了。接下来你就可以开始自己的项目了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容