一、创建一个项目
创建一个项目有两种方法
1、Git创建一个项目
在要创建项目的文件夹下,右键git bash here,输入以下命令
vue init webpack project-name //project-name为项目名
cd project-name //进入文件夹中
npm run dev //运行
此时会出现配置选项,default为默认配置,manually select 更多配置,里面可以选择router,vuex等,使用空格选择。
!!!在Windows上使用git bash,交互提示符不会工作,可以使用123选择,或者输入以下命令,即可上下选择
winpty vue.cmd create project-name
此时会出现配置选项,default为默认配置,manually select 更多配置,里面可以选择router,vuex等,使用空格选择。
2、使用图形化界面
通过vue ui命令以图形化界面创建和管理项目,配置与上相同,只是会打开浏览器通过图形化进行上述配置而已。
二、插件和预设配置
1、在现有项目中安装插件
①可以通过vue ui来安装和管理插件
②用vue add命令在一个已创建好的项目中安装插件
vue add @vue/eslint
!!!在运行 vue add
之前将项目的最新状态提交,因为该命令将会调用插件的文件生成器并很有可能更改你现有的文件。
vue-router和vuex没有自己的插件,但是仍可以通过vue add router 和vue add vuex来添加他们
2、项目本地的插件
若要在项目里直接访问插件API而不用创建一个完整的插件,可以在package.json中使用vuePlugins.service选项
{
"vuePlugins": {
"service": ["my-commands.js"]
}
}
3、预设配置
在 vue create
过程中保存的预设配置,放在你的 home 目录下的一个配置文件中 (~/.vuerc
)。
可以指定用到的插件的版本
{
"plugins": {
"@vue/cli-plugin-eslint": {
"version": "^3.0.0",
// ... 该插件的其它选项
}
}
}
三、CLI服务
在项目中,package.json文件中,有一些script,如serve build 等,可以通过npm run 来调用,如npm run serve
???vue-cli-service serve
???CLI服务???