## vue-cli脚手架的搭建步骤 首先,确定你的电脑上已经安装了nodejs,可以使用npm包管理器安装环境。 ### 1) 打开cmd命令窗口,切换到你要新建项目的文件夹下,此时可使用node -v检查node的版本,如果出现版本号则node已安装。 ### 2) 使用以下命令全局安装vue-cli npm install -g vue-cli 或者使用国内的淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org ### 3)使用命令 vue init webpack vue-demo 搭建vue项目, “vue-demo” 是你的项目名称。 ### 4) 配置需要安装的vue环境 ![20180322173140457.png](https://www.mclansky.com/usr/uploads/2019/02/2824021270.png) ### 5) 以上步骤完成之后,项目目录结构如下图所示,其中的src目录下的文件,就是我们自己需要使用到的文件了。 ![20180322173543557.png](https://www.mclansky.com/usr/uploads/2019/02/1945458489.png) ### 6) 执行 npm run dev 命令,启动项目 ![20180322173923863.png](https://www.mclansky.com/usr/uploads/2019/02/2966558551.png) Last modification:February 26, 2019 © Allow specification reprint Support Appreciate the author AliPayWeChat Like If you think my article is useful to you, please feel free to appreciate