1.环境安装
安装完node后,执行
npm install -g @vue/cli
npm install -g @vue/cli-service-global(可以使用vue serve与vue build命令)
2.创建项目
命令行式:vue create 项目名称(全英文、小写)
然后自动使用模板或者手动选择要使用的技术点(最终可以选择保存成新的模板,位置在~/.vuerc下)
图形化式:vue ui,弹出浏览器,引导进行项目创建过程
注意:当前所用的都是vue cli 3.0,如果想使用vue cli 2.X的框架,安装(npm install -g @vue/cli-init),创建项目(vue init webpack 项目名称)
3.安装插件
创建过程中,已经在模板中自带了很多插件,但是开发过程中,难免会用到的新的插件,我们可以通过界面安装,或者使用vue add命令安装
4.发布
npm run build 在当前文件夹下生成dist目录
命令集合:
1.vue serve 在包含app.vue(main.jsindex.jsApp.vue中的一个)的目录下运行当前命令,启动服务 。
使用了与vue create创建项目相同的默认设置(webpack、Babel、PostCSS 和 ESLint) 。
可以显式的指定入口文件,如vue serve MyComponent.vue
附加参数:-o --open 打开浏览器,-c --copy复制本地url,-h --help输出用法信息 浏
2.vue build
构建
附加参数:
-t, --target <target> 构建目标 (app | lib | wc | wc-async, 默认值:app)
-n, --name <name> 库的名字或 Web Components 组件的名字 (默认值:入口文件名)
-d, --dest <dir> 输出目录 (默认值:dist)
-h, --help 输出用法信息
3.vue create
附加参数:
-p, --preset <presetName> 忽略提示符并使用已保存的或远程的预设选项
-d, --default 忽略提示符并使用默认预设选项
-i, --inlinePreset <json> 忽略提示符并使用内联的 JSON 字符串预设选项
-m, --packageManager <command> 在安装依赖时使用指定的 npm 客户端
-r, --registry <url> 在安装依赖时使用指定的 npm registry
-g, --git [message] 强制 / 跳过 git 初始化,并可选的指定初始化提交信息
-n, --no-git 跳过 git 初始化
-f, --force 覆写目标目录可能存在的配置
-c, --clone 使用 git clone 获取远程预设选项
-x, --proxy 使用指定的代理创建项目
-b, --bare 创建项目时省略默认组件中的新手指导信息
-h, --help 输出使用帮助信息
4. vue add