如何搭建vue开发环境

  介绍

这篇文章将为大家详细讲解有关如何搭建vue开发环境,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

搭建vue的开发环境:

1,必须要安装nodejs

2,搭建vue的开发环境,安装vue的脚手架工具官方命令行工具

npm  install ——global  vue-cli /, cnpm  install ——global  vue-cli (,此命令只需要执行一次,)

如何搭建vue开发环境”>,</p> <p> 3,创建项目,,,,必须cd到对应的放项目的文件夹里,例如项目放vue文件夹里,则cd vue,然后再进行下面的命令(vue-demo01为项目名)</p> <pre类= vue  init  webpack  vue-demo01   cd  vue-demo01   cnpm  install /, npm  install ,如果创建项目的时候没有报的错,这一步可以省略。

如果报错了cd到项目里面运行cnpm安装/npm安装

<代码> npm运行dev

4,另一种创建项目的方式(推荐)(vuedemo02为项目名)

vue  init  webpack-simple  vuedemo02   cd  vuedemo02   cnpm  install /npm 安装   npm  run  dev

关于“如何搭建vue开发环境”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

如何搭建vue开发环境