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 链接即可~