vue环境搭建以及创建项目

菜鸟刚刚入坑，打算学习框架，分享在此也为我记录... ..共勉

搭建VUE开发环境

1：首先我们要安装node.js（可以去node.js官网进行下载）;
2：开始搭建开发环境，就是脚手架工具，cmd运行下面命令 
    npm install --global vue-cli（这个如果不行的话换这个）
    cnpm install --global vue-cli
    然后等运行完毕...
3：开始创建项目:(例如创建一个名字叫vuedemo1的项目）
    ①：一定要cd到一个项目（文件夹）里面运行命令vue init webpack-simple vuedemo1创建的过程中会让你选择一些选项，比如描述了，作者之类的，可以直接通过回车键跳过，有需要的也可以进行选择
    ②：上一步搞完之后，cd到刚刚创建完成的项目（vuedemo1）里面再运行命令cnpm install或者npm install（这个过程有点慢需要进行等待）
    ③：完成上一步之后，cd到项目（vuedemo1）里面运行命令npm run dev就好了，可以看到控制台输出的端口号你就可以在本地访问了 
4：然后用编辑工具Visual Studio Code点击左上角文件然后选择打开文件夹选择我们创建的项目就可以编辑了

注意：上面的命令都只要执行一次，除了最后的运行命令npm run dev需要每次都执行，其他的都只需要执行一次！

我现在其实用的是eclipse，这个工具我不知道怎么搭建vue开发环境的，所以有时候我都是直接引入了一个js文件练手的。后来发现有很多人用这个Visual Studio Code，我看挺好用我就特意下载了一个专门来学习

我会坚持下去，将我的学习新的记录在这个地方..每天学习一点点坚持更新...

如果你看到我了我的笔记，有什么建议或者我有什么写的不对的地方欢迎提出来！很乐意接受哦~~

最后

以上就是健壮刺猬为你收集整理的vue环境搭建以及创建项目的全部内容，希望文章能够帮你解决vue环境搭建以及创建项目所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。