发表于: 2019-09-28 21:46:50
1 879
今天完成的事情:
1、下载Nodejs并安装
http://nodejs.cn/download/
下载安装完了之后到cmd里面运行一下命令
node |
---|
看到没,可以node回车之后,可以像chrome的console面板一样去执行命令。
2、安装淘宝镜像
node安装完毕,自带npm(NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题),
但是,你身处“天朝”,要加载国外的包,那是要慢成狗,所以这里推荐安装淘宝镜像(安装完后npm 都可以用cnpm代替了),命令如下
npm install -g cnpm --registry=https://registry.npm.taobao.org |
---|
3、安装vue脚手架vue-cli
到这里你就可以安装脚手架准备初始化一个项目了,脚手架的安装很简单
cnpm install vue-cli -g |
---|
这里的 -g 是全局安装
4、项目初始化
注意接下来你将看到自己的真正的项目了,先cd到你的项目目录这里假设你的目录是
d:workspace/ |
---|
然后执行
vue init webpack myproject |
---|
这里的myproject是你的项目名字,随便叫啥,当然也可以用简装版
vue init webpack-simple myproject |
---|
回车后会看到这些
很简单,不懂啥意思的话就查词典去,就是一些项目名称,描述,作者之类的,你可以修改也可以直接回车忽略,
然后下面那个框就要选择了,是否要安装vue-router(vue全家桶中的路由模块),一般是需要的,所以输入Y,
在下面的就是一些代码检查,测试什么的,我都是选择no,因为麻烦。OK继续回车看到如下
项目初始化成功了
5、运行项目
按照上面那个红色框的提示,先cd到你的项目目录,这里是test ,也就是
cd test |
---|
进来后安装依赖,执行(下面我们用到cnpm了哦,因为快)
cnpm install |
---|
酱紫就安装完毕了,接下来就是见证奇迹的时刻,执行命令,开始运行你的项目
cnpm run dev |
---|
完成,浏览器自动打开了你这个路径
明天计划的事情:
明天计划开始写任务六,今天大概看了看任务中的要求,还有vue的新手教程,因为决定了要学习vue这个框架,本来能留在修真院的时间也不多了,所以选择了一个比较容易学习和上手的框架,以后也比较好找工作一点。
收获:
看了不少的新手教程,感觉也是不太好理解,这样也难怪,毕竟是新框架嘛,以前也没接触过,所以不懂也是正常的,明天继续努力吧
评论