uni-app(Vue.js)创建运行微信小程序

1.全局安装

npm install -g @vue/cli

需要安装node,官方网站，否则提示npm不可用

2.创建uni-app

新建文件夹，选择文件夹，在文件夹目录前 cmd

vue create -p dcloudio/uni-preset-vue my-project

3.启动小程序

到文件夹目录内

npm run dev:mp-weixin

4.style中使用lang=“scss”,安装sass

npm install node-sass@4.14.1  //报错加如下命令后再执行npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

报错： ERROR in ./xxx/xxx.vue?vue&type=style&index=0&lang=css

原因： 没有安装node -sass
解决：

node-sass npm i node-sass --S

如果还报错：

npm install sass-loader --save-dev

如果又报这个错： this.xxx is not a function 是因为sass-loader 的版本过高造成的
方法1： 在本地的package.json文件，里面的 "sass-loader"的版本更换掉

"sass-loader": "^8.0.0"，更换成了 "sass-loader": "^7.3.1",

方法2： 先卸载版本高的，再重新下载低版本

npm uninstall sass-loader  //卸载

npm install sass-loader@7.3.1 --save-dev   //安装指定版本

内容来源：(25条消息) vue创建小程序到启动的命令_又菜又爱玩的博客-CSDN博客

(25条消息) vue执行npm run servr 报错：ERROR in ./xxx/xxx.vue?vue&type=style&index=0&lang=css_ke_sin的博客-CSDN博客

uni-app(Vue.js)创建运行微信小程序相关推荐

nui-app vue.js项目实战---微信小程序
基于uni-app的小程序项目编写什么是uni-app? uni-app基于vue.js开发的前端应用框架,同一套代码可以在ios.安卓.h5,以及各种小程序使用. 开发工具 HBuilderX 下 ...
node.js云学堂微信小程序学习系统的设计与实现毕业设计源码011735
Node.js云学堂微信小程序摘要信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克的课 ...
Vue，React，微信小程序，快应用，TS 和 Koa 一把梭
前言前端生态越来越繁华,随着资本寒冬的来临,对前端招聘要求也变高了: 本文将从项目出发由浅入深做一个Vue,React,微信小程序,快应用,TS和 Koa的知识大串联: 相当于一篇文章搞定前端目前主 ...
搭建vue前端框架或微信小程序vue框架步骤
搭建vue前端框架或微信小程序vue框架步骤 1.下载node.js 下载地址:https://nodejs.org/en/download/ 查看node.npm版本,确保环境正确 node --v ...
使用vue-cli创建uni-app微信小程序流程
使用vue-cli创建uni-app微信小程序流程开发环境 1.安装nodejs 2.安装Vue CLI 3.安装git 以上安装请自行安装,后面有时间我再补全,下面主要讲讲使用vue-cli创建u ...
创建一个微信小程序——如何注册账号，安装微信开发者工具，创建一个小程序（详细步骤版）
一.注册账号注册地址注册地址:微信公众平台注册右上角--[立即注册]. 选择[小程序]. 按照步骤完成注册. 按照步骤激活邮箱后,在信息登记这里选择个人. 填写相关信息. 完成注册. 这一步可 ...
小程序 text decode 真机无效_【移动端测试】APP自动化测试案例2：微信小程序自动化测试...
APP自动化测试之案例:微信小程序自动化测试 1.前提基于win10专业版64位系统+jdk1.8+python3+pycharm+android SDK+appium+unittest. 2.痛点 ...
HBuilder X下载安装，运行微信小程序教程（官网）
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE. [1] HBuilder的编写用到了Java.C.Web和Ruby.HBuilder本身主体是由Java编写. ...
使用HBuilderX下载插件及运行微信小程序
一,使用HBuilderX下载插件使用HBuilderX开发项目,运行uniapp的过程中,会报错显示需要安装一些插件. 1,打开HBuilderX,选择工具>点击插件安装: 2,出现小弹框, ...

uni-app(Vue.js)创建运行微信小程序

uni-app(Vue.js)创建运行微信小程序

1.全局安装

2.创建uni-app

3.启动小程序

4.style中使用lang=“scss”,安装sass

uni-app(Vue.js)创建运行微信小程序相关推荐

最新文章

热门文章