vue 一些安装指令

0、安装淘宝镜像 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

1.全局安装 vue-cli
cnpm install --global vue-cli


2.测试是不是安装好 
npm -v(要在有node的前提下运行如果成功会显示版本号)
node -v(要在有node的前提下运行如果成功会显示版本号)
vue -V(大写 如果成功会显示版本号)


3.创建一个基于 webpack 模板的新项目
vue init webpack vueapp(注:vueapp 是你的项目名字可换)


问号后边一直回车 第一个是起名字写上你的项目名字
4.初始化 安装install
npm install


安装好之后项目里会出现node_modules文件
4.运行起来项目

npm run dev


---------------------------------------------npm install -g npm更新npm//如果node版本低请更新
5.设置路由
cnpm install vue-router --save



----------------------------------------------------------------------

安装vue-resource到项目中,找到当前项目

输入:cnpm install vue-resource --save


安装muse-ui

cnpm install muse-ui --save


安装mint-ui

cnpm install mint-ui --save

安装element-ui

cnpm i element-ui -S


安装jquery 
cnpm install jquery --save
import $ from 'jquery'


安装sass的依赖包
npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

简便方法
cnpm install sass-loader node-sass vue-style-loader --D


在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}

安装cookies用于 存储token axios拦截器中使用
npm install vue-cookies --save

安装echarts 

cnpm install echarts -S


安装axios 

cnpm install axios --save-dev
cnpm install axios --S


import axios from 'axios'




安装elementUI
cnpm i element-ui -S


安装sass的依赖包
cnpm install sass-loader node-sass vue-style-loader --D


安装echarts
cnpm install echarts -S


安装 cookies
npm install vue-cookies --save


安装jq
cnpm install jquery --save
import $ from 'jquery'


安装vuex
cnpm install vuex --save
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值