做网站建设的目的,天眼查询个人信息免费,软件开发专业课程有哪些,wordpress二次开发视频教程文章目录 一、创建一个Vue.js的应用程序二、构建微信小程序1. 安装微信小程序构建工具2. 在vuejs项目的根目录中创建一个wepy.confgjs文件3. 在vuejs项目的根目录中运行构建 三、错误记录1. 找不到编译器#xff1a;wepy-compiler-sass 一、创建一个Vue.js的应用程序
使用 Vu… 文章目录 一、创建一个Vue.js的应用程序二、构建微信小程序1. 安装微信小程序构建工具2. 在vuejs项目的根目录中创建一个wepy.confgjs文件3. 在vuejs项目的根目录中运行构建 三、错误记录1. 找不到编译器wepy-compiler-sass 一、创建一个Vue.js的应用程序
使用 Vue-Cli 脚手架创建一个新的Vue.js应用程序。
vue init webpack my-vue-project启动应用程序
cd project
npm install
npm run dev在你的Web浏览器中打开URL http://localhost:8080你应该可以看到你的vue.js应用程序正在运行。
二、构建微信小程序
微信小程序是一个独立的平台需要自己构建不能直接将vue.js应用程序上传至微信小程序平台。需要把你的vue.js应用程序构建成微信小程序。
1. 安装微信小程序构建工具
npm install -g wepy-cli2. 在vuejs项目的根目录中创建一个wepy.confgjs文件
module.exports {wyExt: .wpy,compilers: {less: {compress: true},babel: {presets: [es2015,stage-1],plugins: [transform-object-rest-spread,transform-class-properties,transform-docorators-legacy,]}},plugins: {}
};现在你需要将你的vuejs组件转换为小程序组件。这可以通过在vuejs组件顶部添加 //templatex/template和 //script /script标记实现。
3. 在vuejs项目的根目录中运行构建
该命令将构建上传至微信小程序平台所需的文件
wepy build --watch将构建上传至微信小程序平台所需的文件在vue.js项目的 /dist 目录中生成。
三、错误记录
1. 找不到编译器wepy-compiler-sass
[WARNING] 找不到编译器wepy-compiler-sass。
未发现相关 sass 编译器配置请检查wepy.config.js文件。解决办法
//安装sass
npm i node-sass
//安装wepy-compiler-sass插件
npm install wepy-compiler-sass --save-dev配置
module.exports {compilers: {sass: {outputStyle: comprressed}},
}
