VSCode 配置uni-app的方法

2020年07月11日作者：凌雲原文

CＬＩ工程全局安装vue-cli

npm install -g @vue/cli

通过cli创建uni-app项目

vue create -p dcloudio/uni-preset-vue uni-app

选择项目模板，可自由选择如下图：👇

使用vscode打开创建的项目

cli工程自带uni-app&5+app语法提示

安装组件语法提示

npm i @dcloudio/uni-helper-json

从 git 下载 uni-app 代码块，放到项目目录下的 .vscode 目录即可拥有和 HBuilderX 一样的代码块。

使用scss样式

#先安装node-sass
 npm install node-sass
 #然后安装sass-loader，这里安装7.3.1版本，版本可选择性更新，因为高版本可能会报错
#使用 cnpm 会快一些
 cnpm install sass-loader@7.3.1

运行项目

npm run dev:%PLATFORM%

发布项目

npm run build:%PLATFORM%

%PLATFORM% 可选值参见package.json中的scripts

总结

到此这篇关于VSCode 配 uni-app的文章就介绍到这了,更多相关VSCode 配 uni-app内容请搜索来客网以前的文章或继续浏览下面的相关文章希望大家以后多多支持来客网！