安装-使用

安装注意事项

下面两个方法都可以

npm install -g vue-cli
npm install –global vue-cli

安装完查看是否安装成功

 vue --version
//必须这样子查看不能省略，具体可以百度因为可以很快查到

Vue手脚架创建Webpack项目

 vue init webpack test//test 创建项目的名字·vue init webpack-simple test/*使用webpack-simple更加轻便， 少了很多单元测试等的繁琐流程*/

这里我就介绍上面最全的初始化

$ vue init webpack test
? Project name (test)
/*这里是让设置项目名称（直接回车默认是上面的test作为项目名称）*/
? Project description (A Vue.js project)
//这里是项目的描述可以选择默认直接回车
? Author (liu-bluesky <229236940@qq.com>)
//这里是项目的作者
回车到 ? Install vue-router? (Y/n)
//这里是选择是否安装vue-router路由 选择 Y
? Use ESLint to lint your code? (Y/n)
//ESL int 这个是语法检查 不建议新手使用 选择 n
? Set up unit tests (Y/n)
//单元测试 不建议新手使用 推荐选择 n
? Setup e2e tests with Nightwatch? (Y/n)
//单元测试 不建议新手使用 推荐选择 n

项目的名字必须小写
4. 安装项目插件

npm install  //安装开发所需的插件

介绍项目的文件夹/文件的意思

build 这个文件是webpack的配置文件
build.js 这个文件是打包用的生产包用的
webpack.base.conf.js  这个文件是开发项目插件的基本配置
src 是项目的源码
app.vue 是项目的入口组件
main.js 是项目的入口js文件
static 是项目的静态资源图片什么的
.editorconfig 是编辑器的配置.gitignore 上传仓库的忽略文件.gitignore 是html添加前缀的配置package.json 项目插件的版本号

剩下的文件新手慢慢研究这里就不详细解释了因为新手目前还用不上

vuex

安装

npm install vuex --save

Vue手脚架的配置以及使用相关推荐

如何删除vue手脚架创建的自定义配置
如何删除vue手脚架创建的自定义配置首先要找到.vuerc这个文件一般是在C盘 C:\Users\Administrator\ .vuerc 右键,打开方式用VScode打开将presets这个 ...
vue动画效果配置和弹层css sticky footer
vue动画效果配置有两种方式: 一种是css方式需要注意 4 个(CSS)类名在 enter/leave 的过渡中切换: v-enter: 定义进入过渡的开始状态.在元素被插入时生效,在下一个帧移 ...
redirect路由配置 vue_Web前端：Vue路由进阶配置
大家好,我来了,本期为大家带来的前端开发知识是"Web前端:Vue路由进阶配置",有兴趣做前端的朋友,和我一起来看看吧! 1. 页面打开权限流程页面是否能打开有以下两点判断: 1 ...
vue-cli3中的vue.config.js配置
vue-cli3中的vue.config.js配置我的跨域是配置通过chrome浏览器的跨域设置,前端修改跨域问题,以此解决跨域的,故没有配置代理: const path = require('pa ...
vue-router路由、mixin混入、vue-resource、axios、计算属性watch、moment.js、vuex、vue-cli、数据双向绑定、搭建vue环境、vue实例、配置启动项
路由vue-router介绍: // 1.前端路由核心:锚点值的改变,根据不同的锚点值,渲染指定dom位置的不同数据.// 2.vue中,模板数据不是通过ajax请求的,而是调用函数获取到模板内容// ...
vue.js路由配置vue-router的基础学习 - 概念篇
文章目录引言 · 相关问题小结: 一.动态路由匹配 (两种情况) A. 两种情况,代码对比: B. 两种情况,效果图对比: C. 提醒 · 仔细体会: D. 优先级的问题: 二.嵌套路由引言 · ...
Vue Cli3 项目 vue.config.js 配置
Vue Cli3 项目 vue.config.js 配置配置优化一.js文件最小化处理二.分割代码三.图片资源压缩四.开启gzip压缩先看一下优化配置之前的文件大小通过vue-cli3脚 ...
Vue服务端配置示例
Vue服务端配置示例后端配置示例 #Apache <IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRule ^in ...
VSCode自定义代码片段11——vue路由的配置
vue路由的配置 {// v'router// 11 如何自定义用户代码片段:VSCode =>左下角设置 =>用户代码片段 =>新建全局代码片段文件... =>自定义片段名称 ...

Vue手脚架的配置以及使用

安装-使用

安装注意事项

vuex

Vue手脚架的配置以及使用相关推荐

最新文章

热门文章