vue环境搭建

Posted chr506029589

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue环境搭建相关的知识,希望对你有一定的参考价值。

搭建vue的开发环境:

1、必须要安装nodejs

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

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

           技术分享图片

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

      vue init webpack vue-demo01

      cd vue-demo01

      cnpm install / npm install      如果没有报错这一步可省略。 如果报错了 cd到项目里面运行

      npm run dev

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

      vue init webpack-simple vuedemo02

      cd vuedemo02

      cnpm install / npm install

      npm run dev

 


以上是关于vue环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

vue.js环境搭建

Vue ---- 项目与环境搭建 初始项目结构 Vue生命周期

Vue环境搭建和项目创建

Vue-搭建环境

vue环境搭建

vue环境搭建后,简单的单页面切换详细步骤,代码的放置在啥地方