vue3beta.1 创建项目的方法

安装node.js

略过。网上资料很多,不搬运了。

安装 vue-cli

注意以下命令是错误的!

这个和以前的安装命令是不一样的,估计是要和以前的vue-cli做区别。
如果安装了以前的版本,建议先卸载

安装成功后,我们即可使用 vue 命令,测试方法:(查看版本)

$ vue -V
@vue/cli 4.5.4 (目前的版本号,估计还会不断更新)

创建 vue 项目:

以前用 init 创建项目,现在改成create,感觉更正规了。
安装过程会出现各种选项,按照自己的需求选择即可。

第一个选项,选择套餐还是自定义。

我们选择 Manually select features

自定义选项

选择路由和状态管理,如果需要其他的也可以选择

好吧我也不太懂。

选择vue版本

是否使用 history 的方式使用路由

选择css的方式

选择第二个

代码规范检查方式

第一个基本不管,可以随意写。
第二个不是的是哪个配置。
第三个吧,标准一点就好。
第四个是最严格的的,甚至要求换行和空格。(如果和自己过不去的话,建议选这个)


选择 lint 的其他功能

配置存放位置

是否作为模板,供下次创建项目时使用

如果下次创建项目还是这么选择的话,可以把这个保存为模板,下次直接使用。

下载项目文件

然后就是疯狂的安装过程了。需要联网下载各种需要的文件,同时在本地创建项目。

运行项目

这个就是调用node编写的服务器,运行我们的项目,这个是开发环境,还是非常方便的。如果是第一次使用的话,可能会不太习惯,不过没关系,习惯就好。

浏览项目

成功运行后,会出现下面这个页面

在浏览器里输入上面的网址就可以查看我们的项目了。

批处理(bat)文件

如果是Windows环境的话,每次都要敲命令行,太麻烦了,我们可以使用批处理bat文件来简化操作。
建立一个记事本文件,扩展名改成.bat。然后输入一下命令

其他命令可以自行百度。
当然如果你使用的编辑器带有运行项目的功能的话,就可以略过上面这一条。

项目结构

vue3.0beta.1 创建项目-LMLPHP

09-04 09:57