0
点赞
收藏
分享

微信扫一扫

Vue全家桶项目创建指南

野见 2022-03-16 阅读 89
vue.jsvue
  1. 切换到要存放项目的目录中,然后使用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  选第一个
  2. 切换到刚才构建出来的前端项目的根目录
  1. 按需安装插件

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

(可能出现的异常情况:报缺少依赖文件错误---->只引入src文件可能无效,static也要引入)

安装Vuex状态管理

cnpm install vuex --save

安装持久化插件

cnpm install --save vuex-persistedstate

安装axios

cnpm install axios

npm install --save axios

安装elementUI

  1. npm i element-ui -S
  2. 并在 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来启动当前项目

举报

相关推荐

0 条评论