网站建设资讯

NEWS

网站建设资讯

如何搭建vue开发环境

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

创新互联不只是一家网站建设的网络公司;我们对营销、技术、服务都有自己独特见解,公司采取“创意+综合+营销”一体化的方式为您提供更专业的服务!我们经历的每一步也许不一定是最完美的,但每一步都有值得深思的意义。我们珍视每一份信任,关注我们的成都做网站、成都网站制作质量和服务品质,在得到用户满意的同时,也能得到同行业的专业认可,能够为行业创新发展助力。未来将继续专注于技术创新,服务升级,满足企业一站式成都全网营销推广需求,让再小的品牌网站建设也能产生价值!

搭建vue的开发环境:

1、必须要安装nodejs

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

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

如何搭建vue开发环境 

3、创建项目     必须cd到对应的放项目的文件夹里,例如项目放vue文件夹里,则cd vue,然后再进行下面的命令(vue-demo01为项目名)

vue init webpack vue-demo01
cd vue-demo01
cnpm install / npm install  如果创建项目的时候没有报错,这一步可以省略。

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

npm run dev

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

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

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


网页题目:如何搭建vue开发环境
转载来源:http://njwzjz.com/article/pogddh.html