码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cl脚手架搭建

时间:2020-07-26 15:36:45      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:pac   完成后   文件夹的名称   安装包   装包   href   显示   mic   自己的   

最近开始学习vue框架,简单讲解一些怎么搭建vue-cli

1、去node.js官网下载安装包,下载后安装,安装按照步骤一步一步就可以了。

node.js官网地址:https://nodejs.org/en/

2、检测node是否安装成功,输入node -v命令,如果返回版本号则安装成功

npm -v是检测npm包是否安装成功 一般都是没有问题的

技术图片

 

 3、接下来是安装vue-cli脚手架环境了,输入npm install -g vue-cli命令行

安装完成后,显示如图所示

技术图片

 

4、在你想要建立的目录下,新建项目文件夹 然后切换到你的项目文件夹下,如图是我的新建文件夹,文件夹的名称是vue-demo

技术图片

 

5、在新建文件夹下,输入vue init webpack命令,然后会出现一些问题,可以根据自己的情况做出相应的回答,下图是我自己的回答,仅供参考

技术图片

 

 6、然后输入 npm run dev 系统会返回给你一个网址,

技术图片

 

7、最后打开网址,网页显示如图,则表示你脚手架搭建成功了

技术图片

 

vue-cl脚手架搭建

标签:pac   完成后   文件夹的名称   安装包   装包   href   显示   mic   自己的   

原文地址:https://www.cnblogs.com/zxixiu/p/13379922.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!