vue项目建立步骤

左手的ㄟ右手 2023-06-25 03:24 61阅读 0赞

### 一 建立vue项目 ###

vue init webpack personMsg（最后一个是项目名）  
![20191225150224353.png][]

### 二 引入其他插件 ###

npm install axios --save

###    npm install qs --save      ###

### 在main.js中添加  ###

import axios from "axios";

import qs from "qs";

Vue.prototype.$axios = axios;

Vue.prototype.$qs = qs;

使用thIs.$axios

### npm i lib-flexible --save       npm i px2rem-loader -D   --S ###

### 在build文件夹下的utils.js下的exports.cssLoaders添加  ###

const px2remLoader = {
        loader: "px2rem-loader",
        options: {
          remUnit: 75 //1rem=多少像素 这里的设计稿是750px。
        }
      };

### 并在function generateLoaders中 ###

### 把const loaders = options.usePostCSS ? \[cssLoader, postcssLoader\] : \[cssLoader\] ###

替换成

const loaders = options.usePostCSS? \[cssLoader, postcssLoader, px2remLoader\] : \[cssLoader, px2remLoader\];

在main.js中添加 import 'lib-flexible/flexible'

###     npm install echarts --save ###

### 在main.js中添加  import echarts from "echarts"; ###

### Vue.prototype.$echarts = echarts; ###

使用this.$echarts

###     npm install vuex --save         ###

在main.js中添加

import store from "@/vuex/store";

并且在new Vue  store, //使用store

并且在src文件夹下建立vuex文件夹，并在其下建立store.js

[20191225150224353.png]: https://img-blog.csdnimg.cn/20191225150224353.png

发表评论取消回复

表情：

评论列表（有 0 条评论，61人围观）

还没有评论，来说两句吧...

相关阅读

相关 Maven 建立父子项目和跨项目调用内容的步骤

新公司使用Maven管理项目，同时我们是做微服务，所以对于微服务项目来说，使用Maven建立起一个父子项目这种关系，很方便管理（只是个人感觉）设计层面（1）

青旅半醒/ 2023年10月17日 13:02/ 0 赞/ 87 阅读

相关 Maven 建立父子项目和跨项目调用内容的步骤

使用Maven管理项目，同时我们是做微服务，所以对于微服务项目来说，使用Maven建立起一个父子项目这种关系，很方便管理（只是个人感觉）设计层面（1）服务端和客户端

Love The Way You Lie/ 2023年10月02日 16:44/ 0 赞/ 3 阅读

相关运行Vue项目步骤

![20200306140034823.png][] [20200306140034823.png]: https://img-blog.csdnimg.cn/202003

绝地灬酷狼/ 2023年07月11日 15:19/ 0 赞/ 116 阅读

相关 vue项目建立步骤

一建立vue项目 vue init webpack personMsg（最后一个是项目名） ![20191225150224353.png][] 二引入其他插

左手的ㄟ右手/ 2023年06月25日 03:24/ 0 赞/ 62 阅读

相关 idea 创建vue项目步骤

跟着图片来,有命令或者代码我单独提出来创建一个 Static Web 项目 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVp

╰半橙微兮°/ 2022年12月24日 15:58/ 0 赞/ 207 阅读

相关创建VUE项目的详细步骤

1.选一个存放项目的文件夹，例如在sum文件夹下 2.在电脑的搜索框输入cmd，启动cmd黑窗口 3.在cmd黑窗口中输入 cd /d 文件路径，进入到该路径下 4

小灰灰/ 2022年12月02日 13:57/ 0 赞/ 156 阅读

相关 Vue前端项目初始化步骤

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

梦里梦外;/ 2022年11月08日 11:56/ 0 赞/ 227 阅读

相关 vscode中建立vue项目

使用vue-cli快速构建项目 ( vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。安装vue-cli之前，需要先安装了vue和webpac

心已赠人/ 2022年05月15日 09:35/ 0 赞/ 221 阅读

相关 vue-cli起项目步骤

1.全局安装 vue-cli 老版本：npm install -g vue-cli (npm uninstall vue-cli -g 卸载) 新版本：`npm insta

小咪咪/ 2021年11月26日 20:46/ 0 赞/ 384 阅读

相关 vue项目打包步骤

vue项目打包一、终端运行命令 npm run build 二、打包成功的标志与项目的改变，如下图： ![70][] ![70 1][] 3

你的名字/ 2021年09月15日 14:50/ 0 赞/ 525 阅读