1、初始化Vue项目
步骤一:安装node.js;
步骤二:安装npm;
步骤三:安装全局vue-cli脚手架;
步骤四:使用vue-cli初始化项目。vue init webpack projectName;
步骤五:安装需要的依赖。
最后脚手架生成的目录结构如下:
2、包管理工具与配置项
1)npm 与 package.json
npm 是 Node Package Manager 的简称,顾名思义,它是 node 的包管理工具。
package.json这一文件,该文件便是我们需要了解的包管理文件。可以看到该文件是由一系列键值对构成的 JSON 对象。
scripts 脚本命令的配置,我们在终端启动项目运行的npm run serve命令其实便是执行了 scripts 配置下的 serve 项命令vue-cli-service serve,我们可以在 scripts 下自己修改或添加相应的项目命令。
dependencies 和 devDependencies 分别为项目生产环境和开发环境的依赖包配置,也就是说像@vue/cli-service这样只用于项目开发时的包我们可以放在 devDependencies 下,但像vue-router这样结合在项目上线代码中的包应该放在 dependencies 下。
2)常用命令
3)第三方插件配置
在package.json 文件中我们可以看到有 browserslist 这一配置项,该配置的主要作用是用于在不同的前端工具之间共享目标浏览器和 Node.js 的版本。