全局安裝vue-cli
npm install -g @vue/cli
使用正式版(對應HBuilderX最新正式版)
vue create -p dcloudio/uni-preset-vue my-project
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
這里我做的微信小程序員所以輸入以下代碼
npm run dev:mp-weixin
然后在微信開發者工具中導入項目(注意導入的目錄)
導入成功看到以下頁面說明成功了
如果項目中用到sass那么繼續下面的安裝
安裝sass的依賴包
npm install --save-dev sass-loader
sass-loader依賴於node-sass,所以要安裝node-sass
npm install --save-dev node-sass
安裝node-sass可能會出現以下的錯誤
解決辦法
從命令行中復制.node文件下載鏈接並在瀏覽器打開下載文件
https://github.com/sass/node-sass/releases/download/v4.11.0/win32-x64-64_binding.node
文件下載成功后,在命令行工具輸入下面指令:
set SASS_BINARY_PATH=D:/360Downloads/win32-x64-64_binding.node
配置完成重新安裝
npm i node-sass
關於提示的安裝
安裝vue語法提示插件vetur,擴展中搜索vetur,然后安裝
安裝組件語法
npm i @dcloudio/uni-helper-json