vue 安装过程中所必须的环境配置,,以及创建、导入项目

vue所需的环境比较复杂,在我的多次反复安装中,最终找出了要安装的东西

首先node.js   其次npm  然后 vue cli  现在的node版本都包含npm,所以npm一般都不用担心

下面是我整理的详细过程:

1、node.js的下载安装

    https://nodejs.org/en/download/

下载window版本的64为的node.js文件(适合我的电脑哦)

然后根据他的安装信息,一直安装就行(这个在网上搜node.js安装教程,就会有更加详细的教程呦,寡人就是参照这些做的

http://www.runoob.com/nodejs/nodejs-install-setup.html

当安装完成后,可以通过cmd进行验证

能出现版本号,那当然是极好的,说明你这两个都安装成功了

2、安装vue-cli

安装分为国内(就是他们说的淘宝镜像)和国外版的两种,看别人的资料说国内的相对稳定,也比较快,国外的反之,但我觉得没差,总之哪个都可以

已经安装好了node.js,,所以找到这个:

找到这个打开,进行vue-cli的安装

npm install -g vue-cli  //注意这条语句安装的是cli1.x和2.x,这两个版本不包含vue图形界面,所以不推荐,,,

                                    //安装cli3的语句如下:

npm install -g @vue/cli

 

或者使用国内的淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

这样环境就就搭建好了

 

穿件一个新项目有两种方法,一种是在终端通过语句创建,这个可以参照(https://blog.youkuaiyun.com/qq_33036599/article/details/79656597

还有一种是应用cli3,进行图形界面创建:

使用vue ui命令,在node.js安装的那个终端执行命令

出现这个后,会自动转入到

 

然后,我们可以进行创建或者导入。

创建:参考文档https://cli.vuejs.org/zh/guide/creating-a-project.html#使用图形化界面

这里面包含两种创建方式

导入:按平常步骤就行,我就说一个要注意的点:移植文件的node.js,与本地文件的node.js版本必须保持一致

这是编译成功的效果,当然成功的路上没有这么顺利,树神杀神吧

下面的两条http路径,点他

哈哈哈哈,完成

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值