Vue全家桶项目创建指南

切换到要存放项目的目录中，然后使用vue init webpack 项目目录名创建项目
（1）填写项目名然后回车习惯项目名小写
（2）填写项目描述，不填可以直接回车回车
（3）填写作者名回车回车
（4）安装路由模块，这个在一般项目中基本都会用到，填y然后回车 y
（5）是否使用ESLint来强制规约代码，如果要约束代码规范可以填y然后回车加上，但是要求非常苛刻，如果不想要这个约束规范，那就选择n然后回车 n
（6）是否安装单元测试，这里选择n吧，然后回车 n
（7）这步先选择n然后回车，但Nightwatch（守夜者）的确是老牌的前端分层测试工具。 n
（8）这里通过箭头选择使用npm安装并创建项目（这步别选错了！） yes ,use npm 选第一个
切换到刚才构建出来的前端项目的根目录

按需安装插件

引入其他项目要删掉moduel文件,执行命令npm install

（可能出现的异常情况：报缺少依赖文件错误---->只引入src文件可能无效，static也要引入）

安装Vuex状态管理

cnpm install vuex --save

安装持久化插件

cnpm install --save vuex-persistedstate

安装axios

cnpm install axios
npm install --save axios

安装elementUI

npm i element-ui -S
并在 main.js 文件中写入以下内容：

import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({el: '#app',render: h => h(App)});

引入jq

npm install --save jquery

使用npm run dev来启动当前项目

Vue全家桶项目创建指南相关推荐

Vue全家桶快速开发指南
Vue全家桶快速开发指南着手与项目环境配置安装npm 安装vuecli4.x 构建项目图形化构建命令行配置代码目录 vue-router 定义组件组件的作用如何定义组件在需要他显示的h ...
VUE全家桶项目实战-- 4.后台首页布局
VUE全家桶项目实战-- 4.后台首页布局一.页面布局二.创建Home组件三.路由index.js 文件配置主页路径四.添加welcome组件一.页面布局 <el-container& ...
Vue全家桶-项目实战笔记
写在前面这是我跟着黑马程序员的Vue全家桶-项目实战教程写的一篇笔记,主要记录思路,内容不完整,这里只写到了用户列表管理,进来的友友们可以根据目录,看是否有自己需要的功能这篇笔记记录的是基础vue ...
从头到尾创建一个vue全家桶项目
一.vue全家桶有哪些全家桶:vue, vue-router, vuex, axios, elementui vue-router: 路由 vuex: vue状态机 axios: 网络请求工具 el ...
vue全家桶项目搭建（vue-cli 2.9.6+vue-router+vuex+axios）
一.安装vue-cli + vue-router + vuex + axios 1.安装vue-cli 2.创建项目 3.安装vuex和axios 二.搭建项目目录结构,如下所示: 1.assets目 ...
小说阅读器未能连接服务器怎么办,vue移动端小说阅读器vue全家桶项目，已部署到服务器可访问预览...
暑假实习了几个月辞职后,闲着无聊自己开发的一个vue小说阅读器链接预览地址,里面的小说接口调用的是追书神器,然后我把里面的vip和收费章节做了处理加了个换源功能,里面需要收费或者vip的小说都可以免 ...
Vue全家桶构建项目
步骤一.安装vue-cli 首先,我们可以通过npm安装vue-clic,前提是我们需要有node环境,如果电脑还没安装node,先安装,可通过 node -v 查询node的版本号,有版本号则已经安 ...
【 Vue全家桶 · Vue CLI（四）】Vue项目的详细目录结构解析
文章目录前言 -- 一级目录解析一. dist 二. node_modules 三. public 四. src(基础版) 4.1 main.js 4.2 App.vue 4.3 src / as ...
猿创征文 | 开箱即用 yyg-cli：快速创建 vue3 组件库和vue3 全家桶项目
1 yyg-cli 是什么 yyg-cli 是优雅哥开发的快速创建 vue3 项目的脚手架.在 npm 上发布了两个月,11月1日进行了大升级,发布 1.1.0 版本:支持创建 vue3 全家桶项目和 ...

Vue全家桶项目创建指南

Vue全家桶项目创建指南相关推荐

最新文章

热门文章