Vue-cli2环境配置(保姆级详细过程)

一、首先创建一个文件夹,并且从cmd(命令终端)进入该文件夹。

 1. 创建文件夹

 

         创建如图所示文件夹,位置没有特别的规定

 2. cmd进入该文件夹

        方法一:shift+鼠标右键

                

                   点击在此处打开Powershell文件夹 

        方法二:通过cmd命令进入该文件夹

                  1. Win+R,输入cmd,加入cmd界面

                        

                 2. 输入命令

                        

                        成功进入!

二、Vue-cli2 的创建命令

        

         命令格式:

                        vue init webpack 项目名称

 三、创建过程

        1. 

                

这里是创建project的名称,可以另外创建。

如果另外创建,则会在所在的文件夹创建一个你所命名的文件夹。

如果按回车,则会创建图中小括号内的名称。

 2.

        

 这里要求填写的是对项目的描述信息,可按回车跳过

3.

        

 作者及其信息,可跳过

 4. 

                        

 这边有两个选项,对于新手的话,可以先选择第一个选项(敲击回车键选择)。

但是在后期可能会更多的选择第二个选项,第二个打包出的东西相对于第一个打包的更加轻,速度更快,这里咱们先选择第一个。

 5.

        

 这里是选择是否安装路由。有需要的话可以进行安装

 6.

        

 这里是选择是否使用ESLint对你的代码进行规范,如果您对于您的代码规范没有把握,可以选择。

7. 

         

 第六步选择使用ESLint对代码进行规范则会出现以上的选择。 

这里我们优先选择standard 

8. 

         

 这里是选择是否进行测试。

一般来说,选择no,因为会以来很多的第三方框架。

9.

         

 选择是否安装Nightwatch对端到端(e to e)进行测试。

这个项目用于个人练习,这里咱们选择不安装

10.

        

 选择使用npm进行管理。

 11.

        

 正在安装,等待安装完毕……

 四、打开项目进行查看

 

 

 安装完成

 五、软件说明

我目前使用的是webstorm,偶尔使用vscode,需要webstorm资源包,可以私信,或加QQ(1562533951)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值