用于小程序开发的Wepy
微信小程序开发
小程序开发
浏览：1084 次
标题：小程序教程wepy
参考文件
中文文件：
github：
微信小程序开发资源导航：
结束
VSCode自动完成Vue语法
输入VScode、首选项、设置或直接命令+、快捷键
补语语法是类似Vue的语法
在“用户设置”列中，更改为：
// {
//“window.zoomLevel”：0，
//“editor.fontSize”：16，
//“files.associations”：{
//“*.wpy”：“vue”，
//“*.wxss”：“css”，
//“*.wxml”：“html”
// }
// }
//将设置放置在此文件中以覆盖默认设置
{
//配置glob模式以排除文件和文件夹。
“files.exclude”：{
“**/.git”：真，
“**/.svn”：真，
“**/.hg”：真，
“**/CVS”：真，
“**/.DS_Store”：真，
//“**/node_modules”：true，
“**/bower_components”：真
//“**/dist”：真
},
//配置语言的文件关联（如“*.extension”：“html”）。这些关联优先于已安装语言的默认关联。
“files.associations”：{
“*.vue”：“vue”，
“*.wpy”：“vue”，
“*.wxss”：“postss”，
“*.tpl”：“vue”，
"* .md@xxx：“markdown”，
“*.wepy”：“vue”
},
//等于一个制表符的空格数。此设置在“编辑器检测缩进”中可用。启用后，文件内容将被覆盖。
“editor.tabSize”：2，
//打开文件时，将根据文件内容检测“editor.tabSize”和“editor.insertSpaces”。
“editor.detectIndentation”：false，
“window.zoomLevel”：1，
“editor.wordWrap”：“on”，
“workbench.iconTheme”：“vs seti”，
“editor.wordSeparators”：“`~！@#$%^&*（）=+[{]}\\|；：'\”，.<>；/",
“editor.minimap.enabled”：true，
//控制键入时是否自动显示建议
“editor.quickSuggestions”：{
“其他”：真，
“注释”：正确，
“字符串”：true
},
//配置glob模式以从搜索中排除文件和文件夹。从文件所有全局模式都在排除设置中继承。
“search.exclude”：{
“**/node_modules”：true，
“**/bower_components”：true，
“**/dist”：真
},
//控制编辑器是否应呈现缩进参考线
“editor.renderIndentGuides”：true，
“emmet.syntaxProfiles”：{
“vue html”：“html”，
“vue”：“html”
},
//配置Angular V1标签和属性是否建议用于内置HTML语言支持。
“html.support.angular1”：假，
//自动更新扩展
“extensions.autoUpdate”：true，
//包装属性。
“html.format.wrapAttributes”：“自动”，
//将文件类型链接到美化器类型
“美化语言”：{
“js”：{
“类型”：[
“javascript”，
“json”
],
“文件名”：[
“.jshintrc”，
“.jsbeautily”，
“.eslintrc.js”
]
},
“css”：[
“css”，
“scss”
],
“html”：[
“htm”，
“html”
]
},
“git.enabled”：假，
“editor.renderControlCharacters”：true，
“typescript.check.npmIsInstalled”：false，
“extensions.ignoreRecommendations”：false，
//覆盖当前选定颜色主题的颜色。这是一个实验设置，因为颜色名称将在下一版本中更改。
//“workbench.experimental.colorCustomizations”：{
//“statusBarBackground”：“#666666”，
//“面板背景”：“#555555”，
//“sideBarBackground”：“#444444”
// }
//启用后，按TAB键时会展开emmet缩写。
“emmet.triggerExpansionOnTab”：真，
“工作台.面板.位置”：“底部”，
“editor.fontSize”：16
}
结束
快速入门
初始化项目
1.全局安装或更新wepy命令行工具
$npm安装wepy cli-g
2.在开发目录中生成Demo开发项目
wepy新我的项目
#对于1.7.0以后的版本，使用wepy init标准myproject初始化项目，并使用wepylist查看项目模板
3.编制
$cd项目
$npm安装
$wepy构建--观看或
$npm运行开发
项目目录
☆ -- dist微信开发者工具指定的目录（该目录由WePY的构建指令自动编译，请勿直接修改该目录中的文件）
├── 节点_模块
☆ - src代码的目录（该目录是使用WePY后的开发目录）
| ├── 组件WeP
