新建项目命令(使用前端框架Vux || Vant)
打开创建项目路径根目录,点击路径输入cmd打开窗口,输入以下命令
(1)vue init airyland/vux2 projectName
(2)cd projectName
(3)npm install --registry=https://registry.npm.taobao.org
淘宝镜像
(4) npm run dev
//注意:直接使用cnpm可能会导致依赖不正确。强烈建议给npm设置taobao的registry。
采用sass样式预处理框架,安装一下插件:
1、npm install node-sass --save-dev //安装node-sass
2、npm install sass-loader --save-dev //安装sass-loader
3、npm install style-loader --save-dev //安装style-loader
容易安装版本号不同
• 版本号修改命令 npm install sass-loader@7.3.1
• npm install sass-loader@7.3.1 --save-dev
•
基本安装命令
npm install --save axios
npm install vuex –save
npm install node-sass --save-dev //安装node-sass
npm install style-loader --save-dev //安装style-loader
基础配置文件的配置
请求代理配置:
请求模块axios,配置好了之后请求接口会遇到跨域问题,修改config ==>index.js里面的proxyTable,可配置跨域代理。代码如下:
proxyTable: {
target: 'http://192.168.1.111:8809/',
bypass: function (req, res, proxyOptions) {
req.headers.referer = 'http://192.168.1.111:8809/';
req.headers.host = 'xxx';
},
changeOrigin:true,//允许跨域
pathRewrite: {
'^/api': '/'
}
},
以上只是个人简单的学习记录,方便以后学习继续优化更新,希望能提供参考