1.執(zhí)行命令創(chuàng)建項(xiàng)目。
vue create -p dcloudio/uni-preset-vue (項(xiàng)目名稱)
2.選擇模板，需要ts加上ts，一般默認(rèn)選擇默認(rèn)模板。
?3.新建完成后的package.json，有對(duì)應(yīng)的打包命令，?
? 博主報(bào)了一個(gè)這樣的錯(cuò)誤，是因?yàn)閍utoprefixer版本過(guò)高，降低一下版本即可
?npm i?postcss-loader autoprefixer@8.0.0
這里也可以會(huì)出現(xiàn)sassloader版本的報(bào)錯(cuò)的問(wèn)題，如果出現(xiàn)查一下版本換一下版本即可。
安裝node-sass的時(shí)候要用淘寶鏡像，npm基本下不下來(lái)
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install node-sass
?4.打完包之后，把dist下的dev下的mp-weixin包通過(guò)微信開(kāi)發(fā)者工具打開(kāi)，之后在vscode修改保存就可以實(shí)現(xiàn)微信開(kāi)發(fā)者工具熱更新了。
?5.使用uniapp最火的uview
npm i uview-ui6.main.js引入uview
import uView from "uview-ui";
Vue.use(uView);7.在全局樣式文件uni.scss中引入
@import 'uview-ui/theme.scss';
8.在pages.json中 配置easycom組件模式
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
}9.在vue.config.js中加入
// vue.config.js，如沒(méi)有此文件則手動(dòng)創(chuàng)建
module.exports = {
transpileDependencies: ['uview-ui']
}10.在pages/index中使用button，下面是效果圖
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-484900.html
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-484900.html
到了這里，關(guān)于使用命令行新建vue2/uniapp小程序項(xiàng)目的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
