- vue的全局下载安装
cnpm install vue-cli -g
安装完成之后检查安装的版本
vue -V
测试是否安装成功
vue-cli - 下载项目
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 runnpm 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)
- 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);