vue 如何新建一个项目

身为入行未深的小白前端,不断的学习是我们不可丢失的习惯。前端流行的框架也是层出不穷,vue在众多框架中脱颖而出。今天花了两个小时的时间自己走了一边创建vue项目的流程,跟你们分享。


1:打开cmd命令行,首先安装node


步骤:https://nodejs.org/en/download/      node官网,选择跟自己的电脑匹配的版本进行下载,然后一步步的安装即可,输入node -v,如果出现版本信息即表示安装成功。


2:npm包管理器是集成在node中的,所以直接输入npm -v就能查看到版本信息


3:输入npm install -g cnpm --registry=http://registry.npm.taobao.org ,安装淘宝镜像安装相关依赖


4:安装vue-cli脚手架构建工具,输入命令 npm install -g vue-cli,安装完成即可。


5:选定路径,新建vue项目,这里我是新建到桌面上

blob.png

6:在上一步得目录下新建项目,指令vue init  webpack +项目名称

blob.png

7:上一步之后就会开始新建项目,询问项目的相关配置。一路yes省事儿没啥问题


8:进入到项目的文件夹下


9:运行项目,指令npm run dev

blob.png

10:在浏览器中打开这个网址,就能看到

blob.png

至此,vue项目新建完毕


发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-BlogPHP 1.5.2 Zero

Wx:CYLrich8 QQ: 1396524517 Tel:021-80158007
陈云龙 © 2019 Some Rights Reserved 皖ICP备14008698号-6