vue安装和配置的几样,以及更换npm的源
1、node.js下载链接:https://nodejs.org/zh-cn/download/2、安装vue脚手架命令:npm install -g vue-cli3、查看vue版本:vue -V查看node版本:node -v查看npm版本:npm -v4、安装vuex指导文档:https://www.jianshu.com/p/5870bc825a...
1、node.js 下载链接:https://nodejs.org/zh-cn/download/
1.1:更换淘宝镜像源:npm config set registry https://registry.npm.taobao.org(已过期)
1.1更换淘宝镜像源:npm config set registry https://registry.npmmirror.com/ (用这个最新)
1.2:查看是否成功:npm config get registry
1.3:还原仓库 npm config set registry https://registry.npmjs.org/
1.4:查看当前的镜像设置:npm config list
1.4:完成之后就可以相当于继续使用npm的命令,但源已经替换成淘宝源了,这样下载速度会更快
2、安装vue脚手架
vue-cli 2.x版本:npm install -g vue-cli
4.x版本:npm install -g @vue/cli
3、查看vue版本:vue -V 查看node版本:node -v 查看npm版本:npm -v
4、安装vuex 指导文档:https://www.jianshu.com/p/5870bc825a43
5、axios安装 指导文档:https://blog.csdn.net/qq_32584661/article/details/89495964
6、Vue 打包 build 前需要修改哪些配置和路径----https://www.jianshu.com/p/8127a35462c7
7、vant----https://youzan.github.io/vant/#/zh-CN/quickstart
8、element---https://element.eleme.cn/#/zh-CN/component/installation
9、移动端rem适配的两个插件:
1、postcss-pxtorem
npm install postcss-pxtorem --save-dev
2、amfe-flexible
npm i -S amfe-flexible
3,在main.js
//在main.js中引入
import ‘amfe-flexible/index.min.js’
4、在vue的根目录下新建postcss.config.js,如果是脚手架2的话在根目录的.postcssrc.js
// 最新写法
module.exports = {
plugins: {
'autoprefixer': {
overrideBrowserslist: [
'Android 4.1',
'iOS 7.1',
'Chrome > 31',
'ff > 31',
'ie >= 8'
]
},
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*']
}
}
}
更多推荐
所有评论(0)