vue的安装流程

  1. vue的全局下载安装
    cnpm install vue-cli -g
    安装完成之后检查安装的版本
    vue -V
    测试是否安装成功
    vue-cli
  2. 下载项目
    vue init webpack “你的项目名”

? Project name 项目名 — 回车
? Project description 项目描述 — 回车
? Author 作者 — 回车
? Vue build 选择第一个 — 回车
? Install vue-router? vue 路由 y / — 回车
? Use ESLint to lint your code? 代码风格检测 n — 回车
? Set up unit tests No 测试 n — 回车
? Setup e2e tests with Nightwatch? 测试 n — 回车
? Should we run npm install for you after the project has been created? (recommended)
Yes, use NPM 使用npm 去安装项目依赖
Yes, use Yarn 使用 yarn 去安装项目依赖
? No, I will handle that myself 使用自己的方式安装 (cnpm)

  1. cd 项目名 进入项目目录
    npm install (or if using yarn: yarn) 安装命令 cnpm install
    npm run dev 运行命令启动项目

scss安装:

1)在当前文件夹打开后台 下载

 cnpm install --save-dev node-sass


 cnpm install --save-dev sass-loader@7.3.1

2)打开文件夹 build 在文件夹下的 webpack.base.conf.js 中配置

 {
   test: /\.sass$/,
   loaders: ['style', 'css', 'sass']
 }

3)<style lang='scss'>

axios安装

cnpm install axios -S
main.js里引入:

	import axios from 'axios'
	Vue.prototype.axios = axios

生命周期里:

this.axios.get/post

vuex安装

cnpm install vuex -S
main.js里引入:

import store from './vuex/store'

实例化里添加 store

引入ui框架:

(1)cnpm i element-ui -S
(2)在main.js中写入:

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值