用于小程序开发的Wepy

标题：小程序教程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