学习笔记·Vue CLI 脚手架的安装方法

        1.Vue CLI 脚手架需要先安装Node的环境,参考安装链接如下 http://nodejs.cn/download/

默认情况下自动安装Node和NPM,Node环境要求8.9及以上的版本

        2.安装Vue CLI 脚手架,Win+R,输入cmd调出小黑窗,输入npm install -g @vue/cli

        3.继续安装Vue CLI 脚手架2(建议安装,但如果不需要跳过即可),继续在小黑窗里,输入npm install @vue/cli-init -g

        4.安装结束后,打开VSCode(用别的编译器也行,我以VSCode为例),打开文件保存的路径(文件夹),再调出终端,快捷键 'Ctrl' + '~' ,'~' 在Tab键上面。

在终端里,跳到上一级的指令:'cd ..' ,跳到下一级的指令:'cd 文件名称' (注意有空格)

        5. 随后创建脚手架,创建脚手架2的指令是vue init webpack 项目名称。 创建脚手架3的指令是vue creat 项目名称。注意 “ 项目名称 ” 尽量为小写英文。     我这里以脚手架2为例

        (随后又是漫长的等待......)

        6.(出现乱码不慌,忘了怎么改了,反正没啥事) 终端会让你选择项目名称,直接敲回车就好,默认是选择第五步里面的项目名称。

        7.随后的项目描述,作者,无脑敲回车就行,随后的Vue build,可以使用键盘上下键进行选择,个人练习选上面的就好,公司大项目的话选下面的(本小白选择的上面的)

         8.随后选择是否安装路由,输入 y ,安装。之后询问是否安装ESLint,这是一个检查代码规范的,除非公司要求一定要安装。我个人建议选n,不要安装。。。多一个空格都报错........

 

         9.随后的单元测试,e2e,都建议n,不要安装。  最后这个,选择NPM或Yarn都行,我选的NPM。

         10.都选完了之后,耐心等待~~

         11.大功告成~ 左边红框出来的就是生成好的框架了,随后开启“快乐”的代码之旅

         12.最后的最后,写完代码,在终端输入 npm run dev,运行程序,然后又是漫长等待。。。点开生成的http://localhost:8080 链接即可~

 

 

 

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值