前端开发 Vue.js的环境搭建

前端开发 vue.js|前端开发者

1.如何打开他人的vue项目,或者demo。以下几点,个人总结的:

1)拿到一个他人的项目或者demo,对于初学者来说第一件事干什么?当然是打开它,看到它的效果,对不对?那就打开编辑器,我个人用webstorm。还是比较不错的
2)

在里面输入命令:

1.npm install -g cnpm --registry=https://registry.npm.taobao.org(淘宝镜像,必须有)
2.cnpm install webpack -g(安装webpack)
3.npm install vue-cli -g(安装脚手架)
4.cnpm install (很关键的一步)

3)最后一步,当然是运行啊,让项目跑起来,不跑玩蛇?命令:cnpm run dev (最最最关键的一步)

二、如何搭建一个VUE环境,并且跑起来。

1.安装node
2.安装cnpm镜像(node自带安装了npm,故不再安装)
3.快速学习Vue2.0教程(这个看自己悟性了啊,我是拖拖拉拉花了一周时间才入门了)
4.安装Vue2.0 (cnpm install vue)
5.安装vue-cli 脚手架工具( cnpm install –global vue-cli)
6.在某个目录下,创建一个基于 webpack 模板的新项目 $ vue init webpack my-project //my-project是你的项目名(看你要不要写这个my-project名字了,我是不写,然后回车看我下边的附图选择也可)
7.安装依赖 $ cd my-project //到项目目录下
$ cnpm install //安装依赖
8.运行新创建的vue项目 $ cnpm run dev

重点:###1.安装Git(可选)
如果你熟悉或者想要学习了解Git,可以在安装node之前先安装Git,使用Git Bash代替windows的cmd命令面板。如果你用windows的cmd命令行工具,则以上安装命令前的“$”省略。

2.不应用ESLint。

创建webpack模板项目时,如果你对ES6和ESLint不是很熟的话我个人不建议你应用它,因为要求比较严格,所以一不小心就报错,导致整个项目运行不起来,对于初学很痛苦。

知识在于积累,我只是想把我会的跟大家分享,每天进步一点点,时间长了一定会成为一个合格的程序员,而不是小码农。
哈哈,给点个赞呗,谢谢。欢迎留言,我看到会回复的。

前端开发 vue.js|前端开发者

https://www.rokub.com

» 本文来自:前端开发者 » 《前端开发 Vue.js的环境搭建》
» 本文链接地址:https://www.rokub.com/2748.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!