vue-cli脚手架开发环境搭建

2017-11-29 09:32:32来源:CSDN作者:u013144287人点击

分享
vue-cli脚手架开发环境搭建            看了一天的《vue.js实战》此书的基础之后,大概看到第六章,也就是组件之前一章节,然后就准备试着写一下。使用vue-cli脚手架搭建了第一个项目,我是在windows 10上搭建的,并非linux和mac os,搭建流程如下。
    
    一、node安装
    1、下载node,下载地址是https://nodejs.org/en/download/,选择windows版本。

    2、安装,全部默认下一步
    3、检测,win+R键打开命令行,输入 node -v 检验是否安装成功。
   
    注 :安装 vue-cli 脚手架目前需要node版本为 v4.0 以上;
    
    二、 vue-cli 脚手架安装
    1、在cmd命令行里面执行命令 npm install -g vue-cli    // 加-g是安装到全局
    2、输入vue命令检验是否安装成功,如图

   
    
    三、构建初始vue项目
    1、取到想要生成项目的路径下,比如我去到F:/project,然后cmd执行命令vue init webpack testproject,过程如图所示:需要注意的是项目名不能够有大写字母,我第一个包含大写字母就构建失败了。
   
    2、去F:/project查看可以看到工程已经生成
 

    四、接下来推荐使用Visual Studio Code工具打开testproject文件夹即可进行开发

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台